# controlled components

> React components tagged "controlled" from the 21st community, built with Tailwind CSS.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/controlled.

- [Tabs](https://21st.dev/@shugar/components/tabs-1/disabled.md) — by tigran tumasov
- [Switch](https://21st.dev/@ShadcnStudio/components/switch-1/switch-eight.md) — by ShadcnStudio
- [Checkbox](https://21st.dev/@sean0205/components/checkbox-1/checked.md) — by Sean Hello
- [Combobox](https://21st.dev/@shugar/components/combobox/controlled.md) — by tigran tumasov
- [Reshaped Tabs](https://21st.dev/@reshaped/components/reshaped-tabs/column.md) — by reshaped
- [HeroUI Calendar](https://21st.dev/@hero_ui/components/heroui-calendar/min-max-dates.md) — by Hero Ui
- [Radio](https://21st.dev/@shugar/components/radio/standalone.md) — by tigran tumasov
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/controlled.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/controlled.md) — by Hero Ui
- [Reshaped Checkbox](https://21st.dev/@reshaped/components/reshaped-checkbox/cards.md) — by reshaped
- [Rating](https://21st.dev/@haydenbleasel/components/rating.md) — by Hayden Bleasel
- [Reshaped Switch](https://21st.dev/@reshaped/components/reshaped-switch.md) — by reshaped
- [HeroUI Tag Group](https://21st.dev/@hero_ui/components/heroui-tag-group/controlled.md) — by Hero Ui
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/server-settings.md) — by Cnippet
- [Video Player](https://21st.dev/@chetanverma16/components/video-player.md) — by Chetan Verma
- [Checkbox Group](https://21st.dev/@coss.com/components/checkbox-group/parent-checkbox.md) — by coss
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/controlled.md) — by Hero Ui
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/faq.md) — by Cnippet
- [Stepper](https://21st.dev/@originui/components/stepper/with-pagination.md) — by Origin UI
- [Multiple Selector](https://21st.dev/@arihantcodes_1f7b8c4d/components/multiple-selector/controlled-selector.md) — by Arihant jain
- [New checkbox](https://21st.dev/@edwinvakayil/components/new-checkbox.md) — by Edwin Vakayil
- [Checkbox](https://21st.dev/@ShadcnStudio/components/checkbox-1/checkbox-indeterminate.md) — by ShadcnStudio
- [Accordion](https://21st.dev/@cnippet.dev/components/cnippet-accordion/nested.md) — by Cnippet
- [Model Picker](https://21st.dev/@serafimcloud/components/model-picker.md) — by Serafim
- [Tabs](https://21st.dev/@shugar/components/tabs-1.md) — by tigran tumasov
- [HeroUI Calendar](https://21st.dev/@hero_ui/components/heroui-calendar/custom-navigation-icons.md) — by Hero Ui
- [Reshaped Checkbox](https://21st.dev/@reshaped/components/reshaped-checkbox/group-value.md) — by reshaped
- [Reshaped Pin field](https://21st.dev/@reshaped/components/reshaped-pin-field/controlled.md) — by reshaped
- [Checkbox](https://21st.dev/@sean0205/components/checkbox-1/indeterminate.md) — by Sean Hello
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/controlled.md) — by Hero Ui
- [Reshaped Calendar](https://21st.dev/@reshaped/components/reshaped-calendar/range.md) — by reshaped
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination.md) — by Hero Ui
- [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/with-swatches.md) — by Hero Ui
- [Stepper](https://21st.dev/@originui/components/stepper/progress.md) — by Origin UI
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/bookmark.md) — by Cnippet
- [Progress](https://21st.dev/@shugar/components/progress/dynamic-colors.md) — by tigran tumasov
- [Radio](https://21st.dev/@shugar/components/radio/headless.md) — by tigran tumasov
- [Switch](https://21st.dev/@cnippet.dev/components/cnippet-switch/colors.md) — by Cnippet
- [The Checkbox Group](https://21st.dev/@edwinvakayil/components/the-checkbox-group.md) — by Edwin Vakayil
- [Slider](https://21st.dev/@originui/components/slider/slider-with-output.md) — by Origin UI
- [Toggle Basic](https://21st.dev/@anubra266/components/toggle-basic/toggle-controlled.md) — by Abraham
- [Editor](https://21st.dev/@platejs/components/editor.md) — by platejs
- [Checkbox](https://21st.dev/@originui/components/checkbox.md) — by Origin UI
- [HeroUI Dropdown](https://21st.dev/@hero_ui/components/heroui-dropdown/controlled.md) — by Hero Ui
- [Calendar Twin](https://21st.dev/@ruixen.ui/components/calendar-twin.md) — by Ruixen
- [Theme Switcher](https://21st.dev/@haydenbleasel/components/theme-switcher.md) — by Hayden Bleasel
- [Carousel](https://21st.dev/@ibelick/components/carousel/with-custom-indicators.md) — by Julien Thibeaut
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/controlled.md) — by Hero Ui
- [Tabs](https://21st.dev/@shugar/components/tabs-1/with-icons.md) — by tigran tumasov
- [HeroUI Calendar](https://21st.dev/@hero_ui/components/heroui-calendar/disabled.md) — by Hero Ui
- [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/placement.md) — by Hero Ui
- [Reshaped Select](https://21st.dev/@reshaped/components/reshaped-select/headless.md) — by reshaped
- [Reshaped Calendar](https://21st.dev/@reshaped/components/reshaped-calendar/disabled-dates.md) — by reshaped
- [Range Calendar](https://21st.dev/@hero_ui/components/heroui-range-calendar/min-max-dates.md) — by Hero Ui
- [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/controlled.md) — by Hero Ui
- [Stepper](https://21st.dev/@originui/components/stepper/controlled-vertical.md) — by Origin UI
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/favorite.md) — by Cnippet
- [Switch](https://21st.dev/@cnippet.dev/components/cnippet-switch/checked.md) — by Cnippet
- [Pagination with text buttons](https://21st.dev/@originui/components/text-pagination.md) — by Origin UI
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-controlled.md) — by Abraham

Full component directory: https://21st.dev/llms.txt