open-index/open-npm huggingface dataset:
npm package: @npmcorp/pui-react-panels
Description: React components that provide containers for related content
Author: Pivotal Software, Inc
Latest version: 6.5.0

# pui-react-panels

React components that provide containers for related content

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#panel_react) for fully rendered examples.

## Components

### Panel

A container for grouping related content

```js
var Panel = require('

#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### ShadowPanel

A `<Panel>` with a shadow on the bottom



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`

- `shadowLevel`
  - `Number`: The thickness (1-4) (defaults to `3`) of the shadow


### SimplePanel

A `<Panel>` with a simple rectangular border



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### BasicPanel

A `<Panel>` with padding and a shadow on the bottom



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### BasicPanelAlt

A `<Panel>` with padding, a shadow on the bottom, and a round border



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### ClickablePanel

A `<Panel>` with a background that lightens when hovered to indicate it is clickable



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### ClickableAltPanel

A `<Panel>` with a rounded border, a shadow on the bottom, and a background that lightens when hovered to indicate it is clickable



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


### HighlightPanel

A `<Panel>` with a rounded border and a shadow on the bottom for highlighting important parts of a page



#### Properties

- `title`
  - `String`: Text to show as the header of the `<Panel>`


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-panes
Description: React components that provide large browser-filling containers for content
Author: Pivotal Software, Inc
Latest version: 6.4.0

# pui-react-panes

React components that provide large browser-filling containers for content

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#pane_react) for fully rendered examples.

## Components

### BasePane

A horizontal grouping of content that usually spans the width of the browser viewport

```js
var BasePane = require('

#### Properties

- `outerClass`
  - `String`: Class names to apply to the pane

- `innerClass`
  - `String`: Class names to apply to the content


### Pane

A horizontal grouping of content that usually spans the width of the browser viewport

```js
var Pane = require('

#### Properties

- `outerClass`
  - `String`: Class names to apply to the pane

- `innerClass`
  - `String`: Class names to apply to the content


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-portals
Description: React components that provide portals
Author: Pivotal Software, Inc
Latest version: 6.4.0

# pui-react-portals

React components that provide portals

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html) for fully rendered examples.

## Components

### PortalSource

Children of PortalSource will be rendered in the corresponding PortalDestination

```js
var PortalSource = require('

#### Properties

- `name`
  - `String`: Identifier for linking source and destination portals


### PortalDestination

Children of PortalSource will be rendered in the corresponding PortalDestination



#### Properties

- `name`
  - `String`: Identifier for linking source and destination portals


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-radio
Description: A React component that provides styled radio buttons
Author: Pivotal Software, Inc
Latest version: 8.2.4

# pui-react-radio

A React component that provides styled radio buttons

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#form_radio_input_react) for fully rendered examples.

## Components

### Radio

A radio button

```js
var Radio = require('

#### Properties

- `checked`
  - `Boolean`: Whether the radio is currently selected

- `defaultChecked`
  - `Boolean`: Whether the radio begins selected

- `name`
  - `String`: An identifier for the radio for form submissions and associating it with a `<RadioGroup>`

- `value`
  - `String`: The value used for `name` on form submission

- `onChange`
  - `Function`: A callback called when the radio is checked or unchecked

- `id`
  - `String`: An identifier for the radio that can be used, for example, with labels


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-radio-group
Description: A React component for managing groups of radio buttons
Author: Pivotal Software, Inc
Latest version: 8.2.4

# pui-react-radio-group

A React component for managing groups of radio buttons

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#form_radio_input_react) for fully rendered examples.

## Components

### RadioGroup

A group of radio buttons

```js
var RadioGroup = require('

#### Properties

- `id`
  - `String`: An identifier for the radio group that can be used, for example, with labels

- `name`
  - `String`: An identifier for the radio group and all of its radio buttons for form submissions

- `onChange`
  - `Function`: A callback called when radio buttons inside of the radio group are checked or unchecked


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-ribbons
Description: React components that provide informational text callouts
Author: Pivotal Software, Inc
Latest version: 6.4.0

# pui-react-ribbons

React components that provide informational text callouts

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#ribbons_react) for fully rendered examples.

## Components

### Ribbon

Flashy text used to call out access, status, environment, etc.

```js
var Ribbon = require('



### PrimaryRibbon

A `<Ribbon>` with an emphasized background color

```js
var PrimaryRibbon = require('



### Banner

A larger, emphasized `<Ribbon>`

```js
var Banner = require('



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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-search-input
Description: A React component that provides a styled text input for inputting search queries
Author: Pivotal Software, Inc
Latest version: 8.5.0

# pui-react-search-input

A React component that provides a styled text input for inputting search queries

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#form_search_input_react) for fully rendered examples.

## Components

### SearchInput

A text input for inputting search queries

```js
var SearchInput = require('



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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-select-fancy
Description: A React component that provides a styled select fancy
Author: Pivotal Software, Inc
Latest version: 8.2.4

# pui-react-select-fancy

A React component that provides a styled select fancy

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#select-fancy) for fully rendered examples.

## Components

### SelectFancy

A select with a fancy style

```js
var SelectFancy = require('

#### Properties

- `disabled`
  - `Boolean`: Whether to disable the select.


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-sortable-table
Description: A React component that provides a table that can be sorted by column
Author: Pivotal Software, Inc
Latest version: 8.5.0

# pui-react-sortable-table

A React component that provides a table that can be sorted by column

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#table_sortable_react) for fully rendered examples.

## Components

### TableHeader

Wrapper for a th



#### Properties

- ``sortable``
  - `boolean`: (defaults to false) indicates whether the table can be sorted by this column;


### TableCell

Wrapper for a td





### TableRow

Wrapper for a tr





### SortableTable

A table that can be sorted by column

```js
var {SortableTable, TableHeader, TableRow, TableCell} = require('

#### Properties

- ``headers``
  - `Array<Object>`: A list of `TableHeader` components


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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-stream-list
Description: A React component for showing a dynamically growing list of items
Author: Pivotal Software, Inc
Latest version: 8.5.0

# pui-react-stream-list

A React component for showing a dynamically growing list of items

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#12_list_stream_react) for fully rendered examples.

## Components

### StreamList

A dynamically growing list

```jsx
 var DefaultButton = require('

#### Properties

- `singularNewItemText`
  - `string`: Text to be displayed when there is one new list item available

- `pluralNewItemsText`
  - `string`: Text to be displayed when there are multiple new list items available


### DraggableListItem

Denotes list items of a DraggableList





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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-tile-layout
Description: React tile layout component
Author: Pivotal Software, Inc
Latest version: 6.4.0

# pui-react-tile-layout

React tile layout component

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#tile_layout) for fully rendered examples.

## Components

### TileLayout

A responsive left to right wrapping layout with a set number of columns
where items will scale to fit their container

```js
var TileLayout = require('

#### Properties

- `columns`
  - `Number|Object`: Number of columns or mapping from screen size to number of columns

- `noGutter`
  - `Boolean`: Removes the gutter


### TileLayout.Item

Wrapper element for items in a tile layout

```js
var TileLayout = require('



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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-tooltip
Description: A React component that provides styled tooltips
Author: Pivotal Software, Inc
Latest version: 8.5.0

# pui-react-tooltip

A React component that provides styled tooltips

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#tooltips_react) for fully rendered examples.

## Components

### Tooltip

When paired with `<OverlayTrigger>`, displays a tooltip on a specified user action

```js
var OverlayTrigger = require('



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

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.
npm package: @npmcorp/pui-react-typography
Description: A collection of React components that provide standard typographical headers
Author: Pivotal Software, Inc
Latest version: 8.5.0

# pui-react-typography

A collection of React components that provide standard typographical headers

Pivotal UI React ([GitHub](https://github.com/pivotal-cf/pivotal-ui-react), [npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)) is a collection of [React](https://facebook.github.io/react/) components for rapidly building and prototyping UIs.

This component requires React v0.13

See the [Pivotal UI Styleguide](http://styleguide.pivotal.io/react.html#type_react) for fully rendered examples.

## Components

### DefaultH1

A level 1 header

```js
var DefaultH1 = require('



### DefaultH2

A level 2 header





### DefaultH3

A level 3 header





### DefaultH4

A level 4 header





### DefaultH5

A level 5 header





### DefaultH6

A level 6 header





### AlternateH1

A level 1 header on a smaller type scale





### AlternateH2

A level 2 header on a smaller type scale





### AlternateH3

A level 3 header on a smaller type scale





### AlternateH4

A level 4 header on a smaller type scale





### AlternateH5

A level 5 header on a smaller type scale





### AlternateH6

A level 6 header on a smaller type scale





### MarketingH1

A large level 1 header for use on marking sites





### MarketingH2

A large level 2 header for use on marking sites





### MarketingH3

A large level 3 header for use on marking sites





### MarketingH4

A large level 4 header for use on marking sites





### MarketingH5

A large level 5 header for use on marking sites





### MarketingH6

A large level 6 header for use on marking sites





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

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