Package Exports
- @npmcorp/pui-react-dropdowns
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@npmcorp/pui-react-dropdowns) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
pui-react-dropdowns
A React dropdown component
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
Dropdown
A menu that opens when triggered by a button
var Dropdown = require('pui-react-dropdowns').Dropdown;
var DropdownItem = require('pui-react-dropdowns').DropdownItem;
var MyComponent = React.createClass({
render() {
return (
<Dropdown title="Click to Open">
<DropdownItem href="https://google.com">Link to Google</DropdownItem>
<DropdownItem divider/>
<DropdownItem href="https://imgur.com">Separated from the first link by horizontal line</DropdownItem>
</Dropdown>
);
}
});Properties
titleString: Sets the text of the dropdown trigger button
DropdownItem
Denotes the elements of a dropdown menu
Properties
hrefString: A URL to link to
dividerBoolean: If set, inserts a horizontal line instead of a link
LinkDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
DefaultAltDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
LowlightDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
DangerDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
HighlightDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
HighlightAltDropdown
An alternate style for the dropdown trigger button
Properties
titleString: Sets the text of the dropdown trigger button
(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.