diff --git a/src/components/Text.tsx b/src/components/Text.tsx index 4450b2f6..2ee5e48c 100644 --- a/src/components/Text.tsx +++ b/src/components/Text.tsx @@ -40,6 +40,8 @@ export interface TextProps extends React.HTMLAttributes { size?: keyof typeof textSizes; weight?: keyof typeof textWeight; color?: string; + ellipsis?: boolean; + lines?: number; } // eslint-disable-next-line @typescript-eslint/no-unused-vars @@ -67,6 +69,22 @@ export const Text = styled.div` css` color: ${color}; `} + + ${({ ellipsis }) => + ellipsis && + css` + text-overflow: ellipsis; + overflow: hidden; + `} + + ${({ ellipsis, lines }) => + ellipsis && + lines && + css` + display: -webkit-box; + -webkit-line-clamp: ${lines}; + -webkit-box-orient: vertical; + `} `; export const TextStyle = createGlobalStyle`