Data table

Data tables are used to organize and display data within the UI. A data table always contains column headers that sort data in ascending or descending order and table rows with actionable data.

Design assets (Planned)

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.

Dev assets (Planned)

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.

Data table
Design properties
Dropdown confirm
Usage
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.

© 2026 Soul Design System. Page last updated on Mar 21, 2025, 10:10