pui-css-border

pui-css-border

CSS for border control

Installation

To install the package from the command line:

npm install pui-css-border

Usage

<div class="p1 m1 border">.border</div>
<div class="p1 m1 border-top">.border-top</div>
<div class="p1 m1 border-right">.border-right</div>
<div class="p1 m1 border-bottom">.border-bottom</div>
<div class="p1 m1 border-left">.border-left</div>


<input type="text" class="border-none" placeholder=".border-none" />

<table>
    <thead>
        <tr>
            <td>1123123</td><td>sfsd</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td><td>2</td>
        </tr>
    </tbody>
</table>

You can find more examples of the border 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.