gitstart-twenty
00a3c8ca2b
* Change to using arrow functions Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> * Add lint rule --------- Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> Co-authored-by: Charles Bochet <charles@twenty.com>
17 lines
323 B
TypeScript
17 lines
323 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
const StyledTextInputDisplay = styled.div`
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
`;
|
|
|
|
type OwnProps = {
|
|
text: string;
|
|
};
|
|
|
|
export const TextDisplay = ({ text }: OwnProps) => (
|
|
<StyledTextInputDisplay>{text}</StyledTextInputDisplay>
|
|
);
|