open-index/open-npm huggingface dataset:
npm package: @npmcorp/etcd-result-objectify
Description: Objectify the results of a recursive etcd query
Author: Maciej Małecki
Latest version: 1.0.0

# etcd-result-objectify
Objectify the results of a recursive etcd query.

[![Build Status](https://travis-ci.org/mmalecki/etcd-result-objectify.svg?branch=master)](https://travis-ci.org/mmalecki/etcd-result-objectify)

For example, a structure like:

```
- foo
  - bar: baz
  - oof
    - baz: rab
```

changes into:

```js
{
  foo: {
    bar: "baz",
    oof: {
      baz: "rab"
    }
  }
}
```

## Installation
```sh
npm install etcd-result-objectify
```

## Usage
```js
var Etcd = require('node-etcd')
var etcdResultObjectify = require('etcd-result-objectify')

var etcd = new Etcd()

etcd.get('foo', { recursive: true }, function(err, result) {
  if (err) throw err
  console.dir(etcdResultObjectify(result))
})
```
npm package: @npmcorp/joi-env
Description: a joi extension providing support for environment variables
Author: Nathan LaFreniere
Latest version: 1.0.4
Deprecated: This package is no longer being maintained

## joi-env

This [joi](https://github.com/hapijs/joi) extension provides the ability to compose an object based off of environment variables, complete with validation and type coercion

### Usage

```js
const BaseJoi = require('@hapi/joi')
const JoiEnv = require('joi-env')

const Joi = BaseJoi.extend(JoiEnv)

const schema = Joi.object({
  myKey: Joi.string().env('MY_KEY')
})
```
npm package: @npmcorp/pui-css-alerts
Description: alerts css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-alerts

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-alerts
```

## Usage

```html
<div class="alert alert-success">
  <p class="em-high">Success</p>
</div>
```


You can find more examples of the alerts component in the [pui style guide](http://styleguide.pivotal.io/objects.html#alert)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-alignment
Description: alignment css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-alignment

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-alignment
```

## Usage

The following classes can be used for text alignment.

| Property | Description |
| --- | --- |
| `txt-l` | Aligns left, default alignment, can be applied to table, tr, td, or th. |
| `txt-r` | Aligns right, can be applied to table, tr, td, or th. |
| `txt-c` | Aligns center (horizontally), can be applied to table, tr, td, or th. |
| `txt-t` | Aligns top, can be applied to table, tr, td, or th. |
| `txt-b` | Aligns bottom, can be applied to table, tr, td, or th. |
| `txt-m` | Aligns middle (vertically), can be applied to table, tr, td, or th. |

You can find more examples of the alignment component in the [pui style guide](http://styleguide.pivotal.io/utilities.html#alignment)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-all
Description: A bundle of all the Pivotal UI CSS components
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-all

A bundle of all the Pivotal UI CSS components

(Note: if you want to use code highlighting, you will also need to include
 PrismJS and a PrismJS theme. See the instructions in the 
 [https://www.npmjs.com/package/pui-css-code](PUI code module).)

```sh
npm install prismjs-default-theme
# or
npm install prismjs-okaidia-theme
```


## Installation

To install the package, from the command line, type:

```
npm install pui-css-all
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-autocomplete
Description: CSS for react autocomplete
Author: npm, Inc
Latest version: 8.2.4

# @npmcorp/pui-css-autocomplete

CSS for react autocomplete



## Installation

To install the package, from the command line, type:

```
npm install pui-css-autocomplete
```

## Usage

This contains styles used only in `pui-react-autocomplete`

You can find more examples of the autocomplete component in the [pui style guide](http://styleguide.pivotal.io/react.html#autocomplete_react)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-avatars
Description: avatars css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-avatars

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-avatars
```

## Usage

```html
<img alt="..." class="img-circle avatar" height="100" src="http://placehold.it/100x100" width="100">
```


You can find more examples of the avatars component in the [pui style guide](http://styleguide.pivotal.io/elements.html#avatar)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-back-to-top
Description: back-to-top css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-back-to-top

A CSS back-to-top component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-back-to-top
```

## Usage

```html
<a href="#top" class="back-to-top" data-position="back-to-top"></a>
```


You can find more examples of the back-to-top component in the [pui style guide](http://styleguide.pivotal.io/objects.html#back_to_top)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-backgrounds
Description: backgrounds css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-backgrounds

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-backgrounds
```

## Usage

```html
<div class='pane bg-full-bleed'>
  <div class='container'>
    <h1 class='type-neutral-11 txt-c'>Full bleed background image</h1>
  </div>
</div>
  ```


You can find more examples of the backgrounds component in the [pui style guide](http://styleguide.pivotal.io/elements.html#background)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-bootstrap
Description: Custom build of Bootstrap for Pivotal UI
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-bootstrap

Custom build of Bootstrap for Pivotal UI



## Installation

To install the package, from the command line, type:

```
npm install pui-css-bootstrap
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-button-group
Description: button-group css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-button-group

A CSS button-group component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-button-group
```

## Usage

```html
<div class="btn-group" role="group" aria-label="...">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>
```


You can find more examples of the button-group component in the [pui style guide](http://styleguide.pivotal.io/elements#button-group)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-buttons
Description: buttons css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-buttons

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-buttons
```

## Usage

```html
<button class="btn btn-default">Button</button>

<a class="btn btn-default" href="https://google.com" aria-label="Google homepage">Link</a>
```


You can find more examples of the buttons component in the [pui style guide](http://styleguide.pivotal.io/elements.html#button)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-code
Description: code css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-code

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

By default, code blocks will not have syntax highlighting.
To enable this, use the [PUI PrismJS](https://www.npmjs.com/package/pui-prismjs) package.
It is a wrapper around [Prism](http://prismjs.com).

```sh
npm install pui-prismjs
```

You will also need to include a Prism theme.

```sh
npm install prismjs-default-theme
# or
npm install prismjs-okaidia-theme
```


## Installation

To install the package, from the command line, type:

```
npm install pui-css-code
```

## Usage

```html
<pre class="pre-unstyled"><code>class Foo
  def bar
    puts 'hi'
  end
end</code></pre>
```


You can find more examples of the code component in the [pui style guide](http://styleguide.pivotal.io/objects.html#code)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-collapse
Description: collapse css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-collapse

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-collapse
```

## Usage

Note that this requires Bootstrap's JavaScript.

```html
<a class="collapsed" data-toggle="collapse" href="#simple-collapse-example">
  <div class="when-collapsed">
    Expand me
  </div>
  <div class="when-expanded">
    Collapse me
  </div>
</a>
<div class="collapse" id="simple-collapse-example">
  Look at this content.
</div>
```


You can find more examples of the collapse component in the [pui style guide](http://styleguide.pivotal.io/section.html#collapse)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-colors
Description: colors css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-colors

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-colors
```

## Usage

```html
<div class="bg-neutral-1" style="width: 100px; height: 100px"></div>
```


You can find more examples of the colors component in the [pui style guide](http://styleguide.pivotal.io/elements.html#color)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-dividers
Description: dividers css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-dividers

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-dividers
```

## Usage

```html
<hr class="divider-alternate-1"/>
<hr class="divider-alternate-2"/>
<div class="dark-background" style="background-color: #243640; padding: 20px;">
  <hr class="divider-1"/>
  <hr class="divider-2"/>
</div>
```


You can find more examples of the dividers component in the [pui style guide](http://styleguide.pivotal.io/elements.html#divider)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-drop-down-menu
Description: drop-down-menu css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-drop-down-menu

A CSS drop-down-menu component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-drop-down-menu
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-dropdowns
Description: dropdowns css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-dropdowns

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-dropdowns
```

## Usage

Note that this requires the Bootstrap JavaScript.

```html
<div class="dropdown btn-group">
  <button id="dropdown-button-1" class="dropdown-toggle btn btn-default" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Button Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdown-button-1">
    <li role="presentation">
      <a href="http://www.google.com" role="menuitem">Google</a>
    </li>
    <li class="divider mvn"></li>
    <li role="presentation">
      <a href="http://www.yahoo.com" role="menuitem">Yahoo</a>
    </li>
    <li class="divider mvn"></li>
    </li><li role="presentation">
      <a href="http://www.aol.com" role="menuitem">Aol</a>
    </li>
  </ul>
</div>
```


You can find more examples of the dropdowns component in the [pui style guide](http://styleguide.pivotal.io/objects.html#dropdown)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-droppy-downy
Description: droppy-downy css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 1.0.1

# @npmcorp/pui-css-droppy-downy

A CSS droppy-downy component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-droppy-downy
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-ellipsis
Description: ellipsis css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-ellipsis

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-ellipsis
```

## Usage

```html
<p class="type-ellipsis-1-line">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

<p class="type-ellipsis-2-lines">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

<p class="type-ellipsis-3-lines">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
```


You can find more examples of the ellipsis component in the [pui style guide](http://styleguide.pivotal.io/utilities.html#ellipsis)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-embeds
Description: embeds css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.5.0

# @npmcorp/pui-css-embeds

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-embeds
```

## Usage

```html
<h1 class="h2">16-by-9</h1>
<div class="row">
  <div class="col-md-5">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
  <div class="col-md-7">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
  <div class="col-md-12">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
</div>
```


You can find more examples of the embeds component in the [pui style guide](http://styleguide.pivotal.io/elements.html#embed)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-faq
Description: faq css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-faq

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-faq
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-flex-grid
Description: flex-grid css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.1.0

# @npmcorp/pui-css-flex-grid

A CSS flex-grid component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-flex-grid
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-forms
Description: forms css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.2.4

# @npmcorp/pui-css-forms

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-forms
```

## Usage

```html
<form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
```


You can find more examples of the forms component in the [pui style guide](http://styleguide.pivotal.io/forms.html)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-getting-started
Description: getting-started css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-getting-started

A CSS getting-started component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-getting-started
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-google-maps
Description: google-maps css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-google-maps

A CSS google-maps component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-google-maps
```

## Usage

To use Google Maps, you need to load the following JavaScript from Google.

```html
<script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>
```

Here's an example usage:

```html
<div class='map-wrapper'>
  <div class='pane'>
    <div class='container pan'>
      <div class='row'>
        <div class='col-sm-6 col-md-8 col-sm-offset-1'>
          <div class='map-overlay panel panel-basic bg-neutral-10 paxxl'>
            <h3 class="h2">Location</h3>
            <address class='h4 pvl'>Pivotal Software Inc.<br>
              875 Howard Street<br>
              San Francisco, CA 94103
            </address>
            <p class='h4'>Support: <a href='mailto:support@run.pivotal.io'>support@run.pivotal.io</a></p>
            <p class='h4'>Twitter: <a href='https://twitter.com/pivotalws'>@pivotalws</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class='pane pane-map'>
    <div id='labs-map'></div>
  </div>
</div>
```


You can find more examples of the google-maps component in the [pui style guide](http://styleguide.pivotal.io/objects.html#map)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-grids
Description: grids css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-grids

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-grids
```

## Usage

```html
<div class="row grid-show">
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
</div>

<div class="row grid-show">
  <div class="col-md-16"></div>
  <div class="col-md-8"></div>
</div>

<div class="row grid-show">
  <div class="col-md-8"></div>
  <div class="col-md-8"></div>
  <div class="col-md-8"></div>
</div>

<div class="row grid-show">
  <div class="col-md-12"></div>
  <div class="col-md-12"></div>
</div>
```


You can find more examples of the grids component in the [pui style guide](http://styleguide.pivotal.io/layout.html#grid)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-header
Description: header css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-header

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-header
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-hoverable
Description: hoverable css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-hoverable

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-hoverable
```

## Usage

```html
<ul class="list-group" hoverable-group="true">
  <li class="list-group-item" hoverable="true">
    List Item 1
    <a class="hovered" href="#">Edit</a>
  </li>
  <li class="list-group-item" hoverable="true">
    List Item 2
    <a class="hovered" href="#">Edit</a>
  </li>
  <li class="list-group-item" hoverable="true">
    List Item 3
    <a class="hovered" href="#">Edit</a>
  </li>
  <li class="list-group-item">
    Not hoverable
  </li>
</ul>
```


You can find more examples of the hoverable component in the [pui style guide](http://styleguide.pivotal.io/objects.html#hoverable)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-iconography
Description: iconography css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-iconography

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-iconography
```

## Usage

Note that this requires the Font Awesome font to be loaded.

```html
<i class="fa fa-download type-brand-8 title"></i>
```


You can find more examples of the iconography component in the [pui style guide](http://styleguide.pivotal.io/elements.html#iconography)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-images
Description: images css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.5.0

# @npmcorp/pui-css-images

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-images
```

## Usage

```html
<div class="row">
  <div class="col-md-5">
    <img alt="Responsive image" class="img-responsive" src="//i.imgur.com/jbZLBsu.jpg"/>
  </div>
  <div class="col-md-7">
    <img alt="Responsive image" class="img-responsive" src="//i.imgur.com/jbZLBsu.jpg"/>
  </div>
  <div class="col-md-12">
    <img alt="Responsive image" class="img-responsive" src="//i.imgur.com/jbZLBsu.jpg"/>
  </div>
</div>
```


You can find more examples of the images component in the [pui style guide](http://styleguide.pivotal.io/elements.html#image)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-intro
Description: intro css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-intro

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-intro
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-labels
Description: labels css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-labels

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-labels
```

## Usage

```html
<span class="label label-primary">new</span>
```


You can find more examples of the labels component in the [pui style guide](http://styleguide.pivotal.io/elements.html#label)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-links
Description: links css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-links

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-links
```

## Usage

```html
<a class="link-text" href="http://bitly.com/11vCzUx">Click me!</a>
```


You can find more examples of the links component in the [pui style guide](http://styleguide.pivotal.io/elements.html#link)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-lists
Description: lists css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-lists

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-lists
```

## Usage

```html
<ul class="list-inline">
  <li>
    feep
  </li>
  <li>
    fop
  </li>
  <li>
    meep
  </li>
</ul>
```


You can find more examples of the lists component in the [pui style guide](http://styleguide.pivotal.io/elements.html#lists)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-logoblock
Description: logoblock css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-logoblock

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-logoblock
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-marketing
Description: marketing css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-marketing

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-marketing
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-media
Description: media css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-media

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-media
```

## Usage

```html
<div class="media">
  <a class="media-left" href="#">
    <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
  </div>
</div>

<div class="media">
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  </div>
  <a class="media-right" href="#">
    <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
  </a>
</div>
```


You can find more examples of the media component in the [pui style guide](http://styleguide.pivotal.io/section.html#media)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-meta
Description: meta css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 8.5.0

# @npmcorp/pui-css-meta

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-meta
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-modals
Description: modals css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-modals

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-modals
```

## Usage

Note that this requires Bootstrap's JavaScript.

```html
<div class="modal fade modal-basic" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-lowlight" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-default">Save changes</button>
      </div>
    </div>
  </div>
</div>
```


You can find more examples of the modals component in the [pui style guide](http://styleguide.pivotal.io/objects.html#modal)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-panels
Description: panels css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-panels

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-panels
```

## Usage

```html
<div class="panel panel-simple bg-neutral-11">
  <div class="panel-body">
    Simple Panel
  </div>
</div>
```


You can find more examples of the panels component in the [pui style guide](http://styleguide.pivotal.io/objects.html#panel)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-panes
Description: panes css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-panes

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-panes
```

## Usage

```html
<div class="pane bg-dark-2">
  <div class="container bg-glow">
    <h1 class="type-neutral-11">This is a pane</h1>
  </div>
</div>

```


You can find more examples of the panes component in the [pui style guide](http://styleguide.pivotal.io/layout.html#pane)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-progress-bars
Description: progress-bars css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-progress-bars

A CSS progress-bars component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-progress-bars
```

## Usage

```html
<div class="progress">
  <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="9" class="progress-bar" role="progressbar" style="width: 9%;">
    <div class="label">
      9%
    </div>
  </div>
</div>
<p>
  9 MB of 100 MB Used
</p>
```


You can find more examples of the progress-bars component in the [pui style guide](http://styleguide.pivotal.io/objects.html#progress_bar)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-ribbons
Description: ribbons css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 6.4.0

# @npmcorp/pui-css-ribbons

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



## Installation

To install the package, from the command line, type:

```
npm install pui-css-ribbons
```

## Usage

```html
<div class="ribbon-banner">Acceptance</div>
```

You can find more examples of the ribbons component in the [pui style guide](http://styleguide.pivotal.io/elements.html#ribbon)

*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-css-shovey-downy
Description: shovey-downy css component for the npm fork of Pivotal UI, based on Bootstrap
Author: npm, Inc
Latest version: 7.2.0

# @npmcorp/pui-css-shovey-downy

A CSS shovey-downy component that can be installed via this npm package. The package provides all of the
CSS you need to use the component.



## Installation

To install the package, from the command line, type:

```
npm install pui-css-shovey-downy
```


*****************************************

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)

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