Meet new radio buttons and toggles

In this release, we’ve added radio buttons and switches to Zinq’s component library! These essential UI elements are staples in most projects, and we’ve ensured they meet Zinq’s high standards for design and functionality.

# Radio Buttons: Choose One, Clearly

Radio buttons are the go-to choice when you need users to select one option from a list of mutually exclusive choices. They are most effective when:

• Options are concise and clearly defined.
• Users need to make a single, definitive selection.

Here’s why they’re ideal:

• Clarity: Each option is visible, making the choices straightforward.
• Usability: They’re intuitive and simple to navigate, especially for small sets of options.

Learn More about Radio component on dedicated documentation page.

Whether it’s choosing a payment method, selecting a category, or deciding on a preference, radio buttons ensure the experience is smooth and user-friendly.

# Toggles: Intuitive On/Off Actions

The toggle component, also known as a switch, is an excellent alternative to checkboxes when dealing with binary actions. It’s best suited for scenarios where the choice is immediate, such as:

• Enabling or disabling a feature.
• Turning a setting on or off.

Why use toggles?

• Instant Feedback: Toggles emphasize the action and its immediate effect.
• User Expectation: They are more visually aligned with on/off states, improving UX for quick decisions.

Learn More about Toggle component on dedicated documentation page.

While checkboxes allow multiple selections and work well in forms, toggles shine in settings or scenarios where a single binary action is required.

Both components are meticulously crafted to work seamlessly in light and dark modes, ensuring a polished experience across all projects.