Table component
Usage
CSS Class Reference
| Class | Applies To | Result |
|---|---|---|
vf-table |
table |
Gives initial generic styling to the table element and it's children |
vf-table--striped |
vf-table |
Adds striped rows to the relevant tr elements. |
vf-table--bordered |
vf-table |
adds a border around all elements |
vf-table--compact |
vf-table |
Reduces the padding on the heading and cells |
vf-table--loose |
vf-table |
Increases the padding on the heading and cells |
Install
This repository is distributed with npm. After installing npm, you can install vf-table with this command.
$ yarn add --dev @visual-framework/vf-table
Sass/CSS
The style files included are written in Sass. If you're using a VF-core project, you can import it like this:
@import "@visual-framework/vf-table/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter