JSPM

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

dropdowns css component for the npm fork of Pivotal UI, based on Bootstrap

Package Exports

  • @npmcorp/pui-css-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-css-dropdowns) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@npmcorp/pui-css-dropdowns

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

Installation

To install the package, from the command line, type:

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 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><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. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

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