Merge pull request #128 from GetLuko/hugo/fix/remove-line-limit

NavigationTitle: remove default number of line
GetLuko · Oct 18, 2023 · 9b6c88b · 9b6c88b
2 parents 7b16e31 + bb87be1
commit 9b6c88b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/sandbox/e2e/android/screenshots/NavigationTitle.png b/packages/sandbox/e2e/android/screenshots/NavigationTitle.png
diff --git a/packages/sandbox/e2e/ios/screenshots/NavigationTitle.png b/packages/sandbox/e2e/ios/screenshots/NavigationTitle.png
diff --git a/packages/streamline/src/components/navigation/navigation-title/navigation-title.tsx b/packages/streamline/src/components/navigation/navigation-title/navigation-title.tsx
@@ -13,6 +13,7 @@ export interface NavigationTitleProps {
   icon?: IconsName;
   onIconPress?: () => void;
   buttonIconAccessibilityLabel?: string;
+  titleNumberOfLines?: number;
 }
 
 export const NavigationTitle = ({
@@ -24,6 +25,7 @@ export const NavigationTitle = ({
   icon,
   onIconPress,
   buttonIconAccessibilityLabel,
+  titleNumberOfLines,
 }: NavigationTitleProps) => {
   const { titleColor, headerColor, valueColor, headerOpacity, valueOpacity } =
     getNavigationTitleColors(appearance);
@@ -55,7 +57,7 @@ export const NavigationTitle = ({
             accessibilityRole="header"
             color={titleColor}
             textAlign={position}
-            numberOfLines={4}
+            numberOfLines={titleNumberOfLines}
           >
             {title}
           </Text>