• Playground
Components
    • Calendar
    • Carousel
    • Code Block
    • Command
    • Data Table
    • Embed
    • Mobile Stepper
    • Stepper
    • Toast
  • Custom
Surfaces
  • SEO
  1. Playground
  2. Components
  3. composites

Composites

Each composite component combines elements and libraries into one opinionated, ready-made pattern.

Calendar

A grid of dates organized by week and month with visual selection, constraining input to valid calendar days.

Carousel

A swipeable track of slides that advances one panel at a time, showing many items in a small area.

Code Block

A syntax-highlighted code block that presents a snippet with an optional title and a copy button, used to share code readers can scan and copy in one click.

Command

A searchable menu that flattens nested actions into a single-input lookup, helping users reach any command without traversal

Data Table

An interactive extension of Table for tabular data, ready for rich data exploration.

Embed

A lazy, click-to-play video frame that loads only a thumbnail until the visitor plays.

Mobile Stepper

A compact progress indicator complementing Stepper on small surfaces, tracking position through a mobile-sized flow.

Stepper

A stateful sequence of step indicators linked by a progress line, tracking position through a multi-step flow.

Toast

A notification that appears briefly and auto-dismisses, communicating status messages without interrupting the user.