Table

Repaint html for table tr td... etc with a scrollable table 🎓

Install and import

yarn add @welcome-ui/table @xstyled/styled-components @xstyled/system prop-types react react-dom styled-components

import { Table } from '@welcome-ui/table'

Usage

Use Table, Table.Thead, Table.Th, Table.Tbody, Table.Td, Table.Tr.

Name
Description
Number
Actions
Consectetur
Lorem ipsum dolor sit amet
23
Suspendisse
Pellentesque a maximus magna
41
Ullamcorper
Cras viverra ac erat ullamcorper maximus
8
Show editor

With state

You can use one of success, error, warning or info and add indent on Table for more spacing.

Name
Description
Number
Actions
Consectetur
Lorem ipsum dolor sit amet
23
Suspendisse
Pellentesque a maximus magna
41
Ullamcorper
Cras viverra ac erat ullamcorper maximus
8
Vestibulum
Aliquam erat volutpat
102
Show editor

Properties

Dependencies

• - @welcome-ui/box
  ^3.0.0
• - @welcome-ui/system
  ^3.0.0

Peer dependencies

• - @xstyled/styled-components
  ^2.2.3
• - @xstyled/system
  ^2.2.3
• - prop-types
  ^15.7.2
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1