Files
twenty/front/src/modules/ui/content-display/components/TextDisplay.tsx
Lucas Bordeau a766c60aa5 Reafactor/UI input and displays (#1544)
* WIP

* Text field

* URL

* Finished PhoneInput

* Refactored input sub-folders

* Boolean

* Fix lint

* Fix lint

* Fix useOutsideClick

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
2023-09-11 17:11:20 -07:00

17 lines
327 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 function TextDisplay({ text }: OwnProps) {
return <StyledTextInputDisplay>{text}</StyledTextInputDisplay>;
}