px-list-inline-design

WebJar for px-list-inline-design

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

Download px-list-inline-design

Filename	Size
px-list-inline-design-1.0.3.pom
px-list-inline-design-1.0.3.jar	54 KB
px-list-inline-design-1.0.3-sources.jar	22 bytes
px-list-inline-design-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

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

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-list-inline-design/
implementation 'org.webjars.bowergithub.predixdesignsystem:px-list-inline-design:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-list-inline-design/
implementation ("org.webjars.bowergithub.predixdesignsystem:px-list-inline-design:1.0.3")

Apache Buildr

'org.webjars.bowergithub.predixdesignsystem:px-list-inline-design:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.bowergithub.predixdesignsystem" name="px-list-inline-design" rev="1.0.3">
  <artifact name="px-list-inline-design" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.predixdesignsystem', module='px-list-inline-design', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-list-inline-design" % "1.0.3"

Leiningen

[org.webjars.bowergithub.predixdesignsystem/px-list-inline-design "1.0.3"]

Dependencies

compile (1)

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

Project Modules

There are no modules declared in this project.

px-list-inline-design

The Predix UI List Inline module simply displays a list as one horizontal row. This module is a fork of the inuitcss list-inline module.

Dependencies

The px-list-inline-design module depends on one other Px module:

• px-defaults-design

Upstream dependencies

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

• px-meta-lists-design

Installation

Install this module and its dependencies using bower:

bower install --save px-list-inline-design

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

@import "px-list-inline-design/_objects.list-inline.scss";

Usage

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

$inuit-enable-list-inline--delimited

This variable can be customized:

$inuit-list-inline-delimit-character

Basic usage of the px-list-inline-design module uses one required class:

<ul class="list-inline">
    <li>Foo</li>
    <li>Bar</li>
    <li>Baz</li>
</ul>

The only valid children of the .list-inline node are <li>s.

Options

Another, optional, class can supplement the required base class:

• .list-inline--delimited: add a character to delimit list items.

For example:

<ul class="list-inline list-inline--delimited">
    <li>Foo</li>
    <li>Bar</li>
    <li>Baz</li>
</ul>

View the full API here.

Predix Design System

Versions

Version
1.0.3 Apr 19, 2018
1.0.0 Apr 19, 2018