@visual-framework/vf-table

vf-table component

Usage no npm install needed!

<script type="module">
  import visualFrameworkVfTable from 'https://cdn.skypack.dev/@visual-framework/vf-table';
</script>

README

Table component

npm version

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

Help