ion-text
The text component is a simple component that can be used to style the text color of any element. The ion-text
element should wrap the element in order to change the text color of that element.
Basic Usageâ
Themingâ
The text component can be customized by changing any of the default colors Ionic provides.
Propertiesâ
colorâ
Description | The color to use from your application's color palette. Default options are: "primary" , "secondary" , "tertiary" , "success" , "warning" , "danger" , "light" , "medium" , and "dark" . For more information on colors, see theming. |
Attribute | color |
Type | "danger" īŊ "dark" īŊ "light" īŊ "medium" īŊ "primary" īŊ "secondary" īŊ "success" īŊ "tertiary" īŊ "warning" īŊ string īŊ undefined |
Default | undefined |
modeâ
Description | The mode determines which platform styles to use. |
Attribute | mode |
Type | "ios" īŊ "md" |
Default | undefined |
Eventsâ
No events available for this component.
Methodsâ
No public methods available for this component.
CSS Shadow Partsâ
No CSS shadow parts available for this component.
CSS Custom Propertiesâ
No CSS custom properties available for this component.
Slotsâ
No slots available for this component.