@npmcorp/pui-react-panels

React components that provide containers for related content

Stats

StarsIssuesVersionUpdatedCreatedSize
@npmcorp/pui-react-panels
6.5.05 years ago6 years agoMinified + gzip package size for @npmcorp/pui-react-panels in KB

Readme

pui-react-panels

React components that provide containers for related content

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

Panel

A container for grouping related content

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.