# Components

Canonical: https://socra.design/components

The complete shadcn component index for Socra web products.

- [Accordion](https://socra.design/components/accordion.md): The shared Accordion component.
- [Alert](https://socra.design/components/alert.md): The shared Alert component.
- [Alert Dialog](https://socra.design/components/alert-dialog.md): The shared Alert Dialog component.
- [Animating Number](https://socra.design/components/animating-number.md): The shared Animating Number component.
- [Aspect Ratio](https://socra.design/components/aspect-ratio.md): The shared Aspect Ratio component.
- [Attachment](https://socra.design/components/attachment.md): The shared Attachment component.
- [Avatar](https://socra.design/components/avatar.md): The shared Avatar component.
- [Badge](https://socra.design/components/badge.md): The shared Badge component.
- [Backdrop](https://socra.design/components/backdrop.md): The shared Backdrop component.
- [Chip](https://socra.design/components/chip.md): The shared Chip component.
- [Divider](https://socra.design/components/divider.md): The shared Divider component.
- [Breadcrumb](https://socra.design/components/breadcrumb.md): The shared Breadcrumb component.
- [Bubble](https://socra.design/components/bubble.md): The shared Bubble component.
- [Button](https://socra.design/components/button.md): The shared Button component.
- [Button Group](https://socra.design/components/button-group.md): The shared Button Group component.
- [Calendar](https://socra.design/components/calendar.md): The shared Calendar component.
- [Card](https://socra.design/components/card.md): The shared Card component.
- [Carousel](https://socra.design/components/carousel.md): The shared Carousel component.
- [Celebration](https://socra.design/components/celebration.md): The shared Celebration component.
- [Checkbox](https://socra.design/components/checkbox.md): The shared Checkbox component.
- [Collapsible](https://socra.design/components/collapsible.md): The shared Collapsible component.
- [Combobox](https://socra.design/components/combobox.md): The shared Combobox component.
- [Command](https://socra.design/components/command.md): The shared Command component.
- [Context Menu](https://socra.design/components/context-menu.md): The shared Context Menu component.
- [Copy Id](https://socra.design/components/copy-id.md): The shared Copy Id component.
- [Data Table](https://socra.design/components/data-table.md): The shared Data Table component.
- [Date Picker](https://socra.design/components/date-picker.md): The shared Date Picker component.
- [Dialog](https://socra.design/components/dialog.md): The shared Dialog component.
- [Direction](https://socra.design/components/direction.md): The shared Direction component.
- [Drawer](https://socra.design/components/drawer.md): The shared Drawer component.
- [Dropdown Menu](https://socra.design/components/dropdown-menu.md): The shared Dropdown Menu component.
- [Empty](https://socra.design/components/empty.md): The shared Empty component.
- [Field](https://socra.design/components/field.md): The shared Field component.
- [Fullscreen Modal](https://socra.design/components/fullscreen-modal.md): The shared Fullscreen Modal component.
- [Graph](https://socra.design/components/graph.md): The shared Graph component.
- [Hover Card](https://socra.design/components/hover-card.md): The shared Hover Card component.
- [Icon Button](https://socra.design/components/icon-button.md): The shared Icon Button component.
- [Input](https://socra.design/components/input.md): The shared Input component.
- [Input Group](https://socra.design/components/input-group.md): The shared Input Group component.
- [Input OTP](https://socra.design/components/input-otp.md): The shared Input OTP component.
- [Inline Error](https://socra.design/components/inline-error.md): The shared Inline Error component.
- [Item](https://socra.design/components/item.md): The shared Item component.
- [Kbd](https://socra.design/components/kbd.md): The shared Kbd component.
- [Label](https://socra.design/components/label.md): The shared Label component.
- [List Status](https://socra.design/components/list-status.md): The shared List Status component.
- [Marker](https://socra.design/components/marker.md): The shared Marker component.
- [Menubar](https://socra.design/components/menubar.md): The shared Menubar component.
- [Message](https://socra.design/components/message.md): The shared Message component.
- [Native Select](https://socra.design/components/native-select.md): The shared Native Select component.
- [Navigation Menu](https://socra.design/components/navigation-menu.md): The shared Navigation Menu component.
- [Pagination](https://socra.design/components/pagination.md): The shared Pagination component.
- [Popover](https://socra.design/components/popover.md): The shared Popover component.
- [Progress](https://socra.design/components/progress.md): The shared Progress component.
- [Questionnaire](https://socra.design/components/questionnaire.md): The shared Questionnaire component.
- [Radio Group](https://socra.design/components/radio-group.md): The shared Radio Group component.
- [Rating](https://socra.design/components/rating.md): The shared Rating component.
- [Resizable](https://socra.design/components/resizable.md): The shared Resizable component.
- [Scroll Area](https://socra.design/components/scroll-area.md): The shared Scroll Area component.
- [Search](https://socra.design/components/search.md): The shared Search component.
- [Select](https://socra.design/components/select.md): The shared Select component.
- [Sheet](https://socra.design/components/sheet.md): The shared Sheet component.
- [Skeleton](https://socra.design/components/skeleton.md): The shared Skeleton component.
- [Slider](https://socra.design/components/slider.md): The shared Slider component.
- [Spinner](https://socra.design/components/spinner.md): The shared Spinner component.
- [Switch](https://socra.design/components/switch.md): The shared Switch component.
- [Table](https://socra.design/components/table.md): The shared Table component.
- [Tabs](https://socra.design/components/tabs.md): The shared Tabs component.
- [Textarea](https://socra.design/components/textarea.md): The shared Textarea component.
- [Timeline](https://socra.design/components/timeline.md): The shared Timeline component.
- [Toast](https://socra.design/components/toast.md): The shared Toast component.
- [Toggle](https://socra.design/components/toggle.md): The shared Toggle component.
- [Toggle Group](https://socra.design/components/toggle-group.md): The shared Toggle Group component.
- [Tooltip](https://socra.design/components/tooltip.md): The shared Tooltip component.