Radio button

Use radio buttons when the user can choose a single option from a list of mutually exclusive choices. Only one radio button can be selected at a time. By default, one radio button is preselected. When the user selects another option, the previous selection is automatically deselected.

Design assets

Use the following links to navigate the Figma design library and design specification. The design library serves as the component's origin, while the design specification provides detailed guidance on layout, behavior, and usage. Refer to these resources to maintain consistent and accurate implementation.

Design asset

Display the source of the asset in the Figma design library.

Design specification

Display the detailed specification of the asset in the Figma file.

Dev assets

Use the following links to navigate the Storybook, where you’ll find a developer preview, documentation, and a complete asset setup. Refer to these resources to ensure a consistent and robust implementation within your design system.

Dev asset preview

Discover the preview of the asset in the Storybook.

Soul Design System by Emplifi

Soul is the heart of Emplifi's effort to design the best CX platform for its customers. The design system collects principles, components, patterns, copywriting guidelines, and more.