@visual-framework/vf-table
v1.2.0-rc.3
Published
vf-table component
Downloads
807
Readme
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