App UI Kit
Getting started
Components
AccordionAlertAvatarAvatarGroupAudioCardBadgeBoxButtonCarouselCheckboxCheckboxGroupColorSelectorColumnColumnsDateInputEmbedCardFileInputFileInputItemFlyoutFlyoutMenuFormFieldGridHorizontalCardIconsImageCardInputPillLinkLoadingIndicatorMasonryMultilineInputNumberInputPillPillsInputPlaceholderProgressBarRadioGroupRowsScrollableSearchInputMenuSegmentedControlSelectSliderSwatchSwitchTabsTextTextInputTextPlaceholderTitleTitlePlaceholderTypographyCardVideoCard
The App UI Kit exposes design tokens for shadows. These shadows add subtle elevation to a component, which is mostly noticeable with the light theme, as they blend in with the app's background on a dark theme.
List of shadow tokens
CSS variable | JavaScript variable | Dark theme | Light theme |
|---|---|---|---|
--ui-kit-box-shadow-faint | boxShadowFaint | ||
--ui-kit-box-shadow-medium | boxShadowMedium | ||
--ui-kit-box-shadow-heavy | boxShadowHeavy |