Skip to main content

Module typography

Module typography 

Source
Expand description

Typography constants - font sizes

Consistent text sizing across the UI.

Constantsยง

AXIS
Price and time axis label font size
BADGE
Badge font size
BOTTOM_BAR
Bottom range and status bar font size
BUTTON
Button label font size
CHART_TITLE
In-pane chart title font size
COMPACT
Compact text font size
DIALOG_TITLE
Dialog title font size
DISPLAY
Display text (20px) - large display elements
EMOJI
Emoji display font size
EMOJI_ICON
Large emoji display font size
HERO
Hero text (22px) - hero/large display
ICON_HERO
Extra large icon font size (48px) - success/status icons
INPUT
Input field font size
LABEL
Label font size
LG
Large text (14px) - emphasized text
MARKER
Marker/annotation font size
MD
Medium text (13px) - body text, btns
MENU_ITEM
Menu item font size
MICRO
Micro text (8px) - badges, tiny labels
OHLC
OHLC and supplementary legend row font size
PRICE_TAG
Price tag font size
SM
Small text (11px) - secondary labels
SM_MD
Small-medium text (12px) - compact body text
SYMBOL
Symbol/ticker font size
TINY
Tiny text (9px) - very small labels, markers
TITLE
Title text (18px) - dialog titles, large headings
TOOLBAR
Toolbar label font size
TOOLTIP
Tooltip font size
XL
Extra large text (15px) - headings
XS
Extra small text (10px) - labels, hints
XXL
2X large text (16px) - section titles