pui-css-tables

pui-css-tables

A CSS tables component that can be installed via this npm package. This package provides all of the CSS you need to use the component.

Installation

To install the package from the command line:

npm install pui-css-tables

Usage

<table class="table table-data table-light">
  <thead>
    <tr>
      <th>Service Instance</th>
      <th>Service Plan</th>
      <th>Bound Apps</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
  </tbody>
</table>

You can find more examples of the tables component in the pui style guide

---

This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.

Styleguide Github npm

(c) Copyright 2017 Pivotal Software, Inc. All Rights Reserved.

Changelog

8.3.3 (2017-08-22)

CSS

• lists: List dividers - create styles (25250e5b)

React

• lists: List dividers - create styles (25250e5b) <a name="8.3.2"></a>