Table
Table (NotStyled)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .row-bordered)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .column-bordered)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .row-bordered .column-bordered)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .striped)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .striped-column)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .hover-row)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .hover-cell)
| # | Name | Role | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Admin |
| 2 | Jane Smith | jane@example.com | User |
| 3 | Bob Wilson | bob@example.com | Editor |
Table (.table .palette-*)
| palette-class | semantics |
|---|---|
| palette-lighter | primary |
| palette-light | primary |
| palette-default | primary |
| palette-dark | primary |
| palette-darker | primary |
| palette-lighter | red |
| palette-light | red |
| palette-default | red |
| palette-dark | red |
| palette-darker | red |