@npmcorp/pui-react-lists

A collection of React components for rendering different kinds of lists

Usage no npm install needed!

<script type="module">
  import npmcorpPuiReactLists from 'https://cdn.skypack.dev/@npmcorp/pui-react-lists';
</script>

README

pui-react-lists

A collection of React components for rendering different kinds of lists

Pivotal UI React (GitHub, npm) is a collection of React components for rapidly building and prototyping UIs.

This component requires React v0.13

See the Pivotal UI Styleguide for fully rendered examples.

Components

ListItem

An element of a list component

UnorderedList

A bulleted list

var UnorderedList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### OrderedList

A numbered list

```js
var OrderedList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### InlineList

A list where the items are stacked horizontally

```js
var InlineList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### GroupList

A list where the items are separated by lines

```js
var GroupList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### GroupListInverse

A list where the items are separated by lines, for use on a dark background

```js
var GroupListInverse = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### StepList

A numbered list of steps in a workflow

```js
var StepList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


### BreadcrumbList

A list of breadcrumbs for hierarchical navigation

```js
var BreadcrumbList = require('

#### Properties

- `spacing`
  - `String`: One of `n`, `s`, `m`, `l`, or `xl`: sets the amount of space between list items


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

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