Text
The text component is crucial for displaying content. It can be styled with different fonts, sizes, colors, and alignments to convey various information hierarchies.
This component is versatile, used for headings, body text, captions, or any other textual content. It's essential for readability and user experience, supporting text wrapping, truncation, and responsive design to ensure clarity across devices.
Examples
Various examples showcasing different configurations of the component
Body Large
Property
Value
Variant
Body1
Children
Body Large
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Property
Description
Default Value
Type
Text
The content to be displayed inside the Text component.
String
Variant
The variant of the text.
Enum size
Color
The variant of the text.
Color
Triggers
Components expose certain events such as clicking. You can use these events to perform actions such as navigation, fetching data and controlling other components. The events exposed by this component are listed below.
Property
Description
On click
Handler called when the text is clicked.