The BaseSmacTextStyling type extends the BaseSmacStyling type, which means it inherits all the styling options from BaseSmacStyling (e.g., background color, margin, and padding). In addition to the inherited styling, BaseSmacTextStyling allows you to customize text-related styles, such as color, weight, and size.
BaseSmacTextStyling Properties| Prop | Type | Description |
|---|---|---|
text_{colorName} | boolean | Dynamically created text color properties based on the keys of GlobalColorsType. For example, text_primary applies the primary color as the text color. |
weight_{TextWeight} | boolean | Dynamically created text weight properties based on the TextWeight type. For example, weight_bold applies bold text weight. |
size_{SizeScale} | boolean | Dynamically created text size properties based on the SizeScale type. For example, size_lg applies a larger font size. |
color | GlobalColorsType or ColorValue | Specifies a custom text color. You can either use a key from GlobalColorsType or a custom color value like hex, rgb, or rgba. |
fontWeight | TextWeight | Specifies the font weight of the text. You can use predefined text weights (e.g., bold, regular) or values from the TextWeight type. |
fontSize | number | Specifies the font size for the text. Can be any valid font size value. |