Configure default typesets for a Calcite app

273
1
08-18-2023 09:31 AM
fdeters
New Contributor

My team is building a new flagship web map for our agency, and we're using Calcite components to build the UI. It's easy to configure a custom color theme for the application, but we're struggling to set a configuration for typography.

Following the Typography documentation makes it easy to control the font-family, and makes it clear which Calcite CSS variables control font weight, size, etc., but it's not clear whether there's a way to change the default font sizes used in text inside the components' shadow DOMs (e.g. the `heading` attribute on a `calcite-shell-panel`).

I'd love to be able to configure the default typeset with a setting analogous to the slider in the Type Pairing section of the Typography documentation. Is such a thing possible?

0 Kudos
1 Reply
KittyHurley
Esri Contributor

@fdeters Calcite is working towards Design tokens, which will support configuration with typography and other variables in the future. Stay tuned for updates in the coming months!