Segmented Control - Tailwind CSS UI Kit Component

Source Code

Storybook

Segmented Control Text

Require JS

Segmented Control Text With Icon

Require JS

Segmented Control Icon

Require JS

Segmented Control Icon With Tooltip

Require JS

Segmented Control Disabled

Require JS

The Segmented Control is a versatile interface element that enables users to effortlessly toggle between multiple options, commonly used in applications and websites for tasks such as switching views, modes, or settings. Its compact design optimizes space while providing clear and intuitive choices, making it ideal for filtering, tabbed navigation, and other selection-based interactions. Seamlessly integrating with the Tailwind CSS UI kit, this control enhances the overall user experience by combining functionality with a sleek, visually appealing design.

Rate

Select