---
title: "Components"
description: "46 primitives, each with install command, props, examples and accessibility notes."
docs: "https://koten.codehive.com.co/components"
language: en
---

# Components

> 46 primitives, each with install command, props, examples and accessibility notes.

## All components (46)

- [Accordion](https://koten.codehive.com.co/md/components/accordion.md)
- [Alert](https://koten.codehive.com.co/md/components/alert.md)
- [Badge](https://koten.codehive.com.co/md/components/badge.md)
- [BarChart](https://koten.codehive.com.co/md/components/bar-chart.md)
- [Breadcrumb](https://koten.codehive.com.co/md/components/breadcrumb.md)
- [Button](https://koten.codehive.com.co/md/components/button.md)
- [Calendar](https://koten.codehive.com.co/md/components/calendar.md)
- [Checkbox](https://koten.codehive.com.co/md/components/checkbox.md)
- [Combobox](https://koten.codehive.com.co/md/components/combobox.md)
- [CommandPalette](https://koten.codehive.com.co/md/components/command-palette.md)
- [DataTable](https://koten.codehive.com.co/md/components/data-table.md)
- [DatePicker](https://koten.codehive.com.co/md/components/date-picker.md)
- [Dialog](https://koten.codehive.com.co/md/components/dialog.md)
- [Drawer](https://koten.codehive.com.co/md/components/drawer.md)
- [EmptyState](https://koten.codehive.com.co/md/components/empty-state.md)
- [Field](https://koten.codehive.com.co/md/components/field.md)
- [FormRow](https://koten.codehive.com.co/md/components/form-row.md)
- [Hanko](https://koten.codehive.com.co/md/components/hanko.md)
- [IconButton](https://koten.codehive.com.co/md/components/icon-button.md)
- [Input](https://koten.codehive.com.co/md/components/input.md)
- [Label](https://koten.codehive.com.co/md/components/label.md)
- [Link](https://koten.codehive.com.co/md/components/link.md)
- [Menu](https://koten.codehive.com.co/md/components/menu.md)
- [Meter](https://koten.codehive.com.co/md/components/meter.md)
- [NumberField](https://koten.codehive.com.co/md/components/number-field.md)
- [Pagination](https://koten.codehive.com.co/md/components/pagination.md)
- [Panel](https://koten.codehive.com.co/md/components/panel.md)
- [Pattern](https://koten.codehive.com.co/md/components/pattern.md)
- [Popover](https://koten.codehive.com.co/md/components/popover.md)
- [Progress](https://koten.codehive.com.co/md/components/progress.md)
- [RadioGroup](https://koten.codehive.com.co/md/components/radio-group.md)
- [Rule](https://koten.codehive.com.co/md/components/rule.md)
- [SectionHeader](https://koten.codehive.com.co/md/components/section-header.md)
- [Select](https://koten.codehive.com.co/md/components/select.md)
- [Skeleton](https://koten.codehive.com.co/md/components/skeleton.md)
- [Sparkline](https://koten.codehive.com.co/md/components/sparkline.md)
- [StatCard](https://koten.codehive.com.co/md/components/stat-card.md)
- [Switch](https://koten.codehive.com.co/md/components/switch.md)
- [Table](https://koten.codehive.com.co/md/components/table.md)
- [Tabs](https://koten.codehive.com.co/md/components/tabs.md)
- [Tategaki](https://koten.codehive.com.co/md/components/tategaki.md)
- [Textarea](https://koten.codehive.com.co/md/components/textarea.md)
- [Toast](https://koten.codehive.com.co/md/components/toast.md)
- [ToggleGroup](https://koten.codehive.com.co/md/components/toggle-group.md)
- [Toolbar](https://koten.codehive.com.co/md/components/toolbar.md)
- [Tooltip](https://koten.codehive.com.co/md/components/tooltip.md)