pui-css-dropdowns

pui-css-dropdowns

A CSS dropdowns component that can be installed via this npm package. This package provides all of the CSS you need to use the component.

Installation

To install the package from the command line:

npm install pui-css-dropdowns

Usage

Note that this requires the Bootstrap JavaScript.

<div class="dropdown btn-group">
  <button id="dropdown-button-1" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Button Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdown-button-1">
    <li role="presentation">
      <a href="http://www.google.com" role="menuitem">Google</a>
    </li>
    <li class="divider mvn"></li>
    <li role="presentation">
      <a href="http://www.yahoo.com" role="menuitem">Yahoo</a>
    </li>
    <li class="divider mvn"></li>
    <li role="presentation">
      <a href="http://www.aol.com" role="menuitem">Aol</a>
    </li>
  </ul>
</div>

You can find more examples of the dropdowns component in the pui style guide

---

This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.

Styleguide Github npm

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

Changelog

8.0.2 (2017-03-17)

Bug Fixes

• table: resolve pui-css-table dependency (44df86f)
• all: resolve pui-react-all dependency (70fdf5c)
• Select: style chevron icon as background image (6a8fa1e)

Features

• label: support for different label sizes (css-only)
• Input: support for different Input sizes
• Input: autoFocus property
• Modal: acquireFocus property
• Dropdown: aria support
• Dropdown: support for dropdown items that contain icons
• Tabs: aria support
• Tooltip: render children instead of content property
• Tooltip: TooltipTrigger refinements
• Iconography: support for spinner

<a name="8.0.1"></a>