Check Boxes

A checkbox is a type of element that allows the user to select one or more options from a list of predefined choices. It appears as a small square box that can either be checked or unchecked. When a checkbox is checked, it typically displays a checkmark inside the box, indicating that the option has been selected.

Radio Buttons

Radio buttons are type of element that allows the user to select one option from a list of predefined choices.

Radio buttons typically appear as small circles or dots, with only one of the options in the group being selected at any given time. When a user selects a new option, any previously selected option is automatically deselected.

Toggle Button

A toggle button is a type of element that allows users to switch between two states with a single click. The button typically displays a label indicating the current state, such as "On" or "Off," and changes appearance when clicked to indicate the new state.

Toggle buttons are commonly used in user interfaces to control settings, modes, or features that can be turned on or off.

Tabs

Tab buttons are type of element that allows users to navigate between different sections or pages of content within a single application or website. Tab buttons typically appear as a row of clickable tabs, each representing a different section or page of content.

When a user clicks on a tab button, the corresponding section or page of content is displayed, while the other sections or pages are hidden.

Hello Dribbblers!

Today, I uploaded several types of Buttons for the design system. I would appreciate it if you could provide your valuable feedback, which will help me improve my projects. Thank you in advance for your time and input.