QDS Font Picker

A compact typography override editor for simple text properties in QDS authoring flows.

Usage

<qds-font-picker></qds-font-picker>

Behavior

• Exposes the approved QDS font families: IBM Plex Sans, EB Garamond, Roboto, and Open Sans
• Supports font size, text color, plus inline emphasis controls for bold, italic, underline, and strikethrough
• Opens in a modal so the property editor only needs a compact trigger in the row
• Shows a live preview and summary before applying changes

Events

Event	Detail	Description
value-change	{ value: QdsTypographyStyle | undefined }	Fired when the user applies the current typography override

Notes

• The component is designed primarily as a qds-property-editor plugin editor
• Typography values are sparse overrides layered on top of the block’s semantic structure
• See test.html for standalone usage and property-editor integration examples