✅ You are viewing documentation for the latest version of Compose SDK.
Version:

# Type alias TextStyle

TextStyle: object

Style configuration for text elements in charts and UI components. Defines the visual appearance and behavior of text rendering.

# Type declaration

# color

color?: string

Text color in any valid CSS color format. Examples: '#FF0000', 'rgb(255, 0, 0)', 'red', 'rgba(255, 0, 0, 0.5)'


# fontFamily

fontFamily?: string

Font family name for the text. Examples: 'Arial', 'Helvetica', 'Times New Roman', 'sans-serif'


# fontSize

fontSize?: string

Font size in CSS units (px, em, rem, pt, etc.). Examples: '12px', '1.2em', '16pt'


# fontStyle

fontStyle?: string

Font style for text rendering. Examples: 'normal', 'italic', 'oblique'


# fontWeight

fontWeight?: string

Font weight for text rendering. Examples: 'normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'


# pointerEvents

pointerEvents?: string

CSS pointer-events property for text interaction. Controls how the text responds to mouse events. Examples: 'auto', 'none', 'visible', 'visibleFill', 'visibleStroke'


# textOutline

textOutline?: string

Text outline/stroke configuration. Defines the outline color and width for text rendering. Examples: '1px solid black', '2px #333'


# textOverflow

textOverflow?: string

Text overflow handling behavior. Controls how text is displayed when it exceeds its container. Examples: 'clip', 'ellipsis', 'visible', 'hidden'