JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15
  • Score
    100M100P100Q47047F
  • License MIT

A React dropdown component

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

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

  • title
    • String: Sets the text of the dropdown trigger button

Denotes the elements of a dropdown menu

Properties

  • href

    • String: A URL to link to
  • divider

    • Boolean: If set, inserts a horizontal line instead of a link

LinkDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

DefaultAltDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

LowlightDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

DangerDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

HighlightDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

HighlightAltDropdown

An alternate style for the dropdown trigger button

Properties

  • title
    • String: Sets the text of the dropdown trigger button

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