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 btn-default" 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 2016 Pivotal Software, Inc. All Rights Reserved.

Changelog

7.0.0 (2016-10-11)

Bug Fixes

• Alerts: Use Icon for close button instead of times symbol (2593a77), closes #131832253
• StreamList: Fix stream lists with new button design (c7435ff), closes #131910355

Features

• Buttons: Redesign Buttons (f64c6bb)
• Dropdowns: Update dropdown styles (a8ec9d5)
• Iconography: Use inlined SVGs instead of Font Awesome (652fcc5)
• Iconography: Provide SVG Icon set

BREAKING CHANGES

• Forms: remove fancy forms (d68515b)
• Lists: Remove Checked List (e5e22bf)
• Iconography: Iconography Uses SVG instead of Font Awesome. Use src prop instead of name. (652fcc5)
• Iconography: Typography color classes no longer change the color of Icons (you need to change fill instead of color) (652fcc5)
• Typography: Remove svg fonts (b9a1b68)

<a name="6.0.2"></a>