---
title: UI components
description: Generated reference pages for @terreno/ui components with live demo embeds.
slug: /reference/components
---

# UI components

These pages are generated from `demo/ui-types-documentation.json` and `demo/story-config/*.config.tsx` at site build time. Each page embeds the live component demo.

- [Accordion](./accordion)
- [AddressField](./addressfield)
- [AI Suggestion Box](./ai-suggestion-box)
- [Avatar](./avatar)
- [Badge](./badge)
- [Banner](./banner)
- [Boolean field](./boolean-field)
- [Box](./box)
- [Button](./button)
- [Card](./card)
- [CheckBox](./checkbox)
- [ConsentFormScreen](./consentformscreen)
- [Custom Select Field](./custom-select-field)
- [DataTable](./datatable)
- [Date & Time field](./date-time-field)
- [Email field](./email-field)
- [Emoji selector](./emoji-selector)
- [Field](./field)
- [Height field](./height-field)
- [Icon](./icon)
- [IconButton](./iconbutton)
- [Inner modal content](./inner-modal-content)
- [Markdown editor field](./markdown-editor-field)
- [MarkdownView](./markdownview)
- [Multiselect Field](./multiselect-field)
- [Number field](./number-field)
- [Page](./page)
- [Pagination](./pagination)
- [Password field](./password-field)
- [Phone number field](./phone-number-field)
- [Radio field](./radio-field)
- [SectionDivider](./sectiondivider)
- [Segmented control](./segmented-control)
- [Select field](./select-field)
- [SelectBadge](./selectbadge)
- [Side drawer](./side-drawer)
- [Sidebar navigation (non-expo)](./sidebar-navigation-non-expo)
- [Signature field](./signature-field)
- [Slider](./slider)
- [Spinner](./spinner)
- [Table](./table)
- [Table badge](./table-badge)
- [Table boolean](./table-boolean)
- [Table date](./table-date)
- [Table icon button](./table-icon-button)
- [Table number](./table-number)
- [Table Text](./table-text)
- [Table title](./table-title)
- [Tap to edit](./tap-to-edit)
- [Text area](./text-area)
- [Text field](./text-field)
- [Theme](./theme)
- [Toast](./toast)
- [Tooltip](./tooltip)
- [UserInactivity](./userinactivity)