# Cocoar UI Vue

> Vue 3 Component Library

Production-ready components for the Cocoar Design System. Accessible, themeable, and tree-shakeable.

## Table of Contents

### Guide

- [Getting Started](/guide/getting-started.md)
- [Error Handling](/guide/error-handling.md)
- [i18n / Component Strings](/guide/i18n.md)

### Foundations

- [Design Principles](/foundations/design-principles.md)
- [Colors](/foundations/colors.md)
- [Typography](/foundations/typography.md)
- [Spacing & Effects](/foundations/spacing.md)
- [Icons](/foundations/icons.md)
- [Motion](/foundations/motion.md)
- [Localization](/foundations/localization.md)

### Guide

- [Getting Started](/guide/getting-started.md)
- [Error Handling](/guide/error-handling.md)
- [i18n / Component Strings](/guide/i18n.md)

### Foundations

- [Design Principles](/foundations/design-principles.md)
- [Colors](/foundations/colors.md)
- [Typography](/foundations/typography.md)
- [Spacing & Effects](/foundations/spacing.md)
- [Icons](/foundations/icons.md)
- [Motion](/foundations/motion.md)
- [Localization](/foundations/localization.md)

### Form Controls

- [Button](/components/button.md)
- [Form Field](/components/form-field.md)
- [Text Input](/components/text-input.md)
- [Number Input](/components/number-input.md)
- [Password Input](/components/password-input.md)
- [Select](/components/select.md)
- [Checkbox](/components/checkbox.md)
- [Radio Group](/components/radio-group.md)
- [Switch](/components/switch.md)
- [Labels](/components/labels.md)
- [Date Picker](/components/date-picker.md)
- [DateTime Picker](/components/date-time-picker.md)
- [Zoned DateTime Picker](/components/zoned-date-time-picker.md)

### Display

- [Avatar](/components/avatar.md)
- [Badge](/components/badge.md)
- [Card](/components/card.md)
- [Code Block](/components/code-block.md)
- [Divider](/components/divider.md)
- [Link](/components/link.md)
- [Note](/components/note.md)
- [Progress Bar](/components/progress-bar.md)
- [Spinner](/components/spinner.md)
- [Table](/components/table.md)
- [Tag](/components/tag.md)

### Navigation

- [Menu](/components/menu.md)
- [Sidebar](/components/sidebar.md)
- [Navbar](/components/navbar.md)
- [Tabs](/components/tabs.md)
- [Breadcrumb](/components/breadcrumb.md)
- [Pagination](/components/pagination.md)

### Overlay

- [Dialog](/components/dialog.md)
- [Popover](/components/popover.md)
- [Popconfirm](/components/popconfirm.md)
- [Toast](/components/toast.md)
- [Tooltip](/components/tooltip.md)

### Utilities

- [Transitions](/components/transitions.md)

### Data

- [Data Grid](/components/data-grid.md)