> ## Documentation Index > Fetch the complete documentation index at: https://docs.tessera.edstratumlabs.ai/llms.txt > Use this file to discover all available pages before exploring further. # Components > The shared React component library, with every story, captured from the live Storybook. Tessera's screens are being rebuilt from shared React components (D-011). There are 4 components with 26 stories so far. Each image is captured automatically from the [live Storybook](https://tessera.edstratumlabs.ai/storybook/), where you can change props and switch the AI style. Components use design tokens only, and every story is checked by the automated accessibility audit (WCAG 2.2 AA). ## AiContent Render the required `.ai` markup contract with named source, body, citations, and actions. [Open AiContent in Storybook](https://tessera.edstratumlabs.ai/storybook/?path=/docs/components-aicontent--docs) AiContent: Tutor hint (chat)

AiContent: Drafted block (not yet reviewed)

## Button Trigger primary, secondary, text, or icon actions. [Open Button in Storybook](https://tessera.edstratumlabs.ai/storybook/?path=/docs/components-button--docs)

## Card Provide a reusable surface for grouped content. [Open Card in Storybook](https://tessera.edstratumlabs.ai/storybook/?path=/docs/components-card--docs) Card: Default

## StatusChip Label urgency, mode, stage, or status in a compact line. [Open StatusChip in Storybook](https://tessera.edstratumlabs.ai/storybook/?path=/docs/components-statuschip--docs)