@nimbus-ds/table

The Table component allows us to organize data with a tabular structure in a table.

Installation

$ yarn add @nimbus-ds/table
# or
$ npm install @nimbus-ds/table

Component Anatomy

The component consists of a header with different styles, lines and columns.

Guidelines

We use Table to organize information tabularly into rows and columns, using rows to sort entries similar in structure but different in information vertically and different types of data horizontally.

Flexibility

Each cell has a children that can receive texts or other nimbus components, allowing a variety of custom configurations for each use case.

Recommendation for use

• Organize a sales list
• Organize a list of products
• Arrange data of similar structure

Related components

• Data list - Can be used when we need a different or more complex data structure, for example in mobile contexts.

Usage

View docs here.