• Guides

    Get startedComponent definitionDesigning custom elementsDevelopment best practices

  • Styles

    ColorsTypographySpacingShadowsRadii

  • Components

    AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIllustrationLinkListLoaderLogoLogoLoaderMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputToastTooltip

    Layout

    AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit

  • Icons

    Icon set

  • Illustrations

    Illustration set

  • Patterns

    Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings

  • Utilities

    CSS utilitiesCSS variablesResponsive

  • Playground

    Layout recipesShowcase

Discovery

Purpose

Discovery elements are used to introduce new features.

Colors

discoveryTitle
Used for rich tooltip and modal title
discoveryBackground
Used for simple tooltip background
discoveryLightBackground
Used for rich tooltip background
discoveryHighlight
Used for highlighting elements that contain a tooltip

See Colors.

Simple custom tooltip

Rich custom tooltip

With Loom

See all Modal options.

Trigger

Combine with Popover component.

Highlighted elements

Wrap an element with discoveryHighlight color to indicate that it contains a tooltip.