---
title: "Components"
description: "The full component inventory, grouped by category, with what is documented today."
url: "https://tanrei.chnotchy.com/components/"
last_updated: 2026-10-11T13:58:00.000Z
---

# Components

> The full component inventory, grouped by category, with what is documented today.

Tanrei’s inventory covers 96 component families; the [status page](https://tanrei.chnotchy.com/status/) 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](https://tanrei.chnotchy.com/components/fab-menu/) (use [Main action button](https://tanrei.chnotchy.com/components/main-action-button/), [Bottom sheet](https://tanrei.chnotchy.com/components/bottom-sheet/) instead) · [Segmented button](https://tanrei.chnotchy.com/components/segmented-button/) (use [Tabs](https://tanrei.chnotchy.com/components/tabs/), [Radio button](https://tanrei.chnotchy.com/components/radio-button/), [Button group](https://tanrei.chnotchy.com/components/button-group/) instead)

Not in `cupertino`: [FAB menu](https://tanrei.chnotchy.com/components/fab-menu/) (use [Main action button](https://tanrei.chnotchy.com/components/main-action-button/), [Bottom sheet](https://tanrei.chnotchy.com/components/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`