px-buttons-design

WebJar for px-buttons-design

License	BSD 3-Clause
GroupId	org.webjars.bowergithub.predixdesignsystem
ArtifactId	px-buttons-design
Last Version	2.0.8
Release Date	Apr 23, 2018
Type	jar
Description	px-buttons-design WebJar for px-buttons-design
Project URL	http://webjars.org
Source Code Management	https://github.com/predixdesignsystem/px-buttons-design

Download px-buttons-design

Filename	Size
px-buttons-design-2.0.8.pom
px-buttons-design-2.0.8.jar	438 KB
px-buttons-design-2.0.8-sources.jar	22 bytes
px-buttons-design-2.0.8-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-buttons-design/ -->
<dependency>
    <groupId>org.webjars.bowergithub.predixdesignsystem</groupId>
    <artifactId>px-buttons-design</artifactId>
    <version>2.0.8</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-buttons-design/
implementation 'org.webjars.bowergithub.predixdesignsystem:px-buttons-design:2.0.8'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-buttons-design/
implementation ("org.webjars.bowergithub.predixdesignsystem:px-buttons-design:2.0.8")

Apache Buildr

'org.webjars.bowergithub.predixdesignsystem:px-buttons-design:jar:2.0.8'

Apache Ivy

<dependency org="org.webjars.bowergithub.predixdesignsystem" name="px-buttons-design" rev="2.0.8">
  <artifact name="px-buttons-design" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.predixdesignsystem', module='px-buttons-design', version='2.0.8')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-buttons-design" % "2.0.8"

Leiningen

[org.webjars.bowergithub.predixdesignsystem/px-buttons-design "2.0.8"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bowergithub.predixdesignsystem : px-colors-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-defaults-design	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

px-buttons-design

The Predix UI Buttons module is a simple, robust, extensible baseline for building entire suites of buttons. This module is a fork of the inuitcss Buttons module.

Dependencies

The px-buttons-design module depends on two other Px modules:

• px-colors-design
• px-defaults-design

Upstream dependencies

The px-buttons-design module is also an upstream dependency in this meta kit:

• px-meta-buttons-design

Installation

Install this module and its dependencies using bower:

bower install --save px-buttons-design

Once installed, @import into your project's Sass file in its Objects layer:

@import "px-buttons-design/_objects.buttons.scss";

Usage

These flags are available and, if needed, should be set to true prior to importing the module:

$inuit-enable-btn--small
$inuit-enable-btn--large
$inuit-enable-btn--huge
$inuit-enable-btn--full
$inuit-enable-btn--primary
$inuit-enable-btn--tertiary
$inuit-enable-btn--disabled
$inuit-enable-btn--bare
$inuit-enable-btn--icon

The following variables are available for use in the module:

$inuit-btn-color
$inuit-btn-background
$inuit-btn-background--hover
$inuit-btn-background--pressed
$inuit-btn-border-color
$inuit-btn-border-color--hover
$inuit-btn-border-color--pressed
$inuit-btn-shadow
$inuit-btn-shadow--light
$inuit-btn-primary-color
$inuit-btn-primary-background
$inuit-btn-primary-background--hover
$inuit-btn-primary-background--pressed
$inuit-btn-primary-border-color
$inuit-btn-tertiary-color
$inuit-btn-tertiary-background
$inuit-btn-tertiary-background--hover
$inuit-btn-tertiary-background--pressed
$inuit-btn-disabled-color
$inuit-btn-disabled-background
$inuit-btn-disabled-border-color

Options

These classes are available if the variable flags listed above are set to true:

• btn--[small|large|huge]: Small, large or huge buttons
• btn--[primary|tertiary|disabled]: Primary, tertiary, or disabled buttons
• btn--full: Full width buttons
• btn--icon: Circular button for icons

View the full API here

Predix Design System

Versions

Version
2.0.8 Apr 23, 2018
2.0.1 Apr 18, 2018
0.4.40 Apr 18, 2018