RoadieRoadie
  • Home
  • Brand
  • Foundations
  • Content
  • Tokens
  • Components
  • Charts
  • Widgets
  • Appearance
HomeBrandFoundations
Appearance

Components

Docs updated
9 Oct 2026

Accessible React components built on Base UI, styled with intent and emphasis.

Navigation

  • /
    /

    Breadcrumb

  • Read theevent FAQ

    Link

  • Navigator

  • 1
    2
    3

    Steps

  • Tabs

Layout

  • Accordion

  • Collapsible

  • Pane

  • ScrollArea

  • Separator

Actions

  • Button

  • IconButton

  • Toggle

  • Toggle group

  • Toolbar

Fields

  • Editor

  • Field

  • Fieldset

  • Input

  • Label

  • 2

    Number field

  • OTP field

  • Query field

  • Textarea

Choices

  • Autocomplete

  • Checkbox

  • Combobox

  • Radio group

  • Select

  • Slider

  • Switch

Date and time

  • Calendar

  • Nov27

    CalendarTile

  • 4:32

    Countdown

  • This monthvs Sept
    +4%
    +4%

    Dashboard period

  • Fri 27 Nov 2026

    Date field

  • Fri 27 Nov 2026

    Date picker

  • Last 30 days

    Date range picker

  • Fri 27 Nov 2026

    7:30pm AEDT

    DateTime

  • ·2 hours

    Duration

  • 7:30pm

    Time field

Collections

  • Card

  • Carousel

  • DataTable

  • List

  • Marquee

  • RecordGrid

  • RecordTable

  • Sortable

  • Table

Overlays

  • Dialog

  • Drawer

  • Menu

  • Popover

  • Toast

  • Add to cart

    Tooltip

Status

  • Badge

  • Callout

  • 2144%

    Delta

  • Empty state

  • 60%

    Meter

  • Progress

  • Skeleton

  • Sparkline

  • 8,412

    +12%

    StatTile

Media & brand

  • MTSO+12

    Avatar

  • Icon Tile

  • Image

  • Logo

  • Pattern

  • QR code

  • SpotIllustration

Text

  • console.log()

    Code

  • Search:result

    Highlight

  • ⌘K

    Kbd

  • Somehighlightedtext

    Mark

  • Prose

Previous page← Component utilitiesNext pageBreadcrumb →