Text
Lorem Ipsum has been the industry's standard dummy text
A component to display text that provides inline editing experience (WYSIWYG) when developing with Webframe Editor.
Always wrap text with this component to ensure cross-platform compatibility with frameworks, such as React Native.
Props
Prop | Type | Default | Description |
---|---|---|---|
children | String |Number |Boolean |Function | The text content | |
className | Class Name | CSS class names separated by space | |
tooltip | String |Number |Boolean |Function |Object | Tooltip props (or content) to display as popup on interaction with this component | |
_ref | Function |Object |
Examples
Header title
H1H2H3H4H5H6
Bold text
Lorem Ipsum
Basic line of text
Lorem Ipsum has been the industry's standard dummy text
Overflow text truncation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sem sed porta malesuada.
Paragraph of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sem sed porta malesuada. Pellentesque justo ante, tincidunt nec diam eu, convallis venenatis tellus. Vivamus quis tellus felis. Nulla eu rutrum felis. Donec accumsan sit amet metus tempor sagittis. Nam consectetur mi tempus ligula elementum dapibus. Proin enim orci, blandit vitae dolor pretium, mattis posuere ipsum. Vestibulum gravida tincidunt eleifend.