Components

Tanrei’s inventory covers 96 component families; the status page shows what each platform ships. A component gets a page here as soon as it has a spec. An entry marked Planned has no spec yet, and is not a link. The figure on each entry counts the platforms that have an implementation.

Every component page has the same four sections:

1. Overview — what the component is for and where it is available.
2. Specs — anatomy, properties, states, behaviour, tokens and the per-platform name mapping, rendered from the component’s spec file.
3. Guidelines — when and how to use it.
4. Accessibility — role, keyboard interaction and labelling.

tanreicupertinom3-expressive-likem3-like

Not in tanrei: FAB menu (use Main action button, Bottom sheet instead) · Segmented button (use Tabs, Radio button, Button group instead)

Not in cupertino: FAB menu (use Main action button, Bottom sheet instead)

Actions

Button 0/5 · Base Main action button 0/5 · Base Segmented button 0/5 · Base Button group 0/5 · Base Button with menu 0/5 · Composed Toolbar 0/5 · Base Copy button 0/5 · Composed

Selection

Checkbox 0/5 · Base Radio button 0/5 · Base Switch 0/5 · Base Chip 0/5 · Base Menu 0/5 · Base Slider 0/5 · Base Slider field 0/5 · Composed Calendar 0/5 · Base DateTimePicker 0/5 · Composed Field group 0/5 · Base Radio group 0/5 · Composed Checkbox group 0/5 · Composed Select 0/5 · Base Select field 0/5 · Composed Menubar 0/5 · Composed File upload 0/5 · Feature File picker 0/5 · Base Advanced Drop zone 1/5 · Base

Text inputs

Text input 0/5 · Base Advanced Text field 0/5 · Composed Chip field 0/5 · Composed Field 0/5 · Base Combobox 0/5 · Base Advanced Combobox field 0/5 · Composed Number input 0/5 · Base Advanced Number field 0/5 · Composed Color input 0/5 · Base Advanced Color field 0/5 · Composed One-time-code input 0/5 · Base Advanced One-time-code field 0/5 · Composed Embedded text input 0/5 · Base Advanced Chat composer 0/5 · Feature

Containment

Card 0/5 · Base Divider 0/5 · Base Modal layer 1/5 · Base Advanced Dialog 0/5 · Composed List 1/5 · Base List row 1/5 · Base Bottom sheet 0/5 · Composed Side sheet 0/5 · Composed Carousel 0/5 · Base Code block 0/5 · Base Table 0/5 · Base Popover 0/5 · Base Steps 0/5 · Base Accordion 0/5 · Base Description list 0/5 · Base Figure 0/5 · Base App shell 0/5 · Base Page header 0/5 · Base Tree view 0/5 · Base Timeline 0/5 · Base Image preview 0/5 · Feature Handle 1/5 · Base Resizable frame 1/5 · Composed Scroll area 1/5 · Base

Communication

Badge 0/5 · Base Progress indicator 0/5 · Base Meter 1/5 · Base Number ticker 1/5 · Base Loading indicator 0/5 · Base Snackbar 0/5 · Base Tooltip 0/5 · Base Keyboard shortcut 0/5 · Base Tag 0/5 · Base Inline code 0/5 · Base Callout 0/5 · Base Avatar 0/5 · Base Empty state 0/5 · Base Tag group 0/5 · Base Skeleton 0/5 · Base File item 0/5 · Base Swatch 1/5 · Base Marquee text 1/5 · Base

Navigation

Tabs 0/5 · Base Tab view 0/5 · Composed App bar 0/5 · Base Navigation bar 0/5 · Base Navigation drawer 0/5 · Composed Search 0/5 · Feature Link 0/5 · Base Pagination 1/5 · Base Previous and next links 0/5 · Base Stepper 1/5 · Base Breadcrumbs 0/5 · Base Table of contents 0/5 · Base Link card 0/5 · Base

Foundations

Prose 0/5 · Base

M3-like components

FAB menu 0/5 · Base

Generated from docs/status/status.json, specs/inventory.json