Socket
Socket
Sign inDemoInstall

pui-css-dividers

Package Overview
Dependencies
0
Maintainers
18
Versions
82
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    pui-css-dividers

dividers css component for Pivotal UI based on Bootstrap


Version published
Weekly downloads
275
increased by5.77%
Maintainers
18
Install size
3.79 kB
Created
Weekly downloads
 

Changelog

Source

8.2.0 (2017-06-06)

Bug Fixes

  • Alerts: Fix the insertion of two close buttons (8ba59de), closes #143338559
  • Button: Fix .btn + .btn css placement of rule (d94fed3), closes #143473153
  • Collapse: Fix missing panel dependency in pui-react-collapse (991c37c), closes #145282583
  • Dropdown: Split Dropdown click zone (e17ebb6)
  • Forms: Remove right margin from .form-group, update .form-inline styles (8d069d2)

Features

  • Alerts: Make the alerts 8pt compatible (12af4e7)
  • Borders: Add border control feature (5951faf)
  • Buttons: Buttons can now be full width (1200e62)
    • Side by side buttons now have a unit margin-left separating them (4968e29)
    • Add iconPosition prop to place the icon to the left or the right (3fcc9d6)
  • Checkbox Dropdown: Dropdown widget with checkboxes as elements (60b7479)
  • FlexGrids: Bring FlexGrid react component into line with CSS FlexGrid (38bc18d)
  • FlexTable: Add bodyRowClassName prop (d567a52)
    • Add headerRowClassName prop (ff72854)
    • Add hideHeaderRow prop (daa4664)
    • Add rowProps prop (deb2f62)
    • columns prop can accept width as metadata (e3c7d45)
  • Tooltip: Tooltips are hoverable (73f46a7)

<a name="8.1.0"></a>

Readme

Source

pui-css-dividers

A CSS dividers 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-dividers

Usage

<hr class="divider-alternate-1"/>
<hr class="divider-alternate-2"/>
<div class="dark-background" style="background-color: #243640; padding: 20px;">
  <hr class="divider-1"/>
  <hr class="divider-2"/>
</div>

You can find more examples of the dividers 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.

Keywords

FAQs

Last updated on 06 Jun 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc