Selection Components

Checkbox

Allows users to select one or multiple options. Used when multiple selections are allowed.

Checkbox (Color Variant)

Displays multi-select options with color styling. Improves visual clarity for selection.

Checkbox (Image Variant)

Displays multi-select options using images. Used for visual-based product or item selection.

Radio Button

Allows selection of only one option. Used for exclusive decision-making.

Radio Button (Color Variant)

Displays single-select options with color styling. Enhances clarity for exclusive selections.

Radio Button (Image Variant)

Displays single-select options using images. Used for selecting one visual option such as size or product.

Dropdown

Displays options in a compact expandable list. Used to save screen space while allowing selection.

Dropdown (Color Variant)

Displays dropdown options with color styling. Improves recognition and user interaction.

Dropdown (Image Variant)

Displays dropdown options with images. Used for visually guided selection.