@belomx/timeu-wizard

WebJar for @belomx/timeu-wizard

License	MIT
GroupId	org.webjars.npm
ArtifactId	belomx__timeu-wizard
Last Version	1.7.4
Release Date	Oct 4, 2020
Type	jar
Description	@belomx/timeu-wizard WebJar for @belomx/timeu-wizard
Project URL	https://www.webjars.org
Source Code Management	https://github.com/belomx/timeu-wizard

Download belomx__timeu-wizard

Filename	Size
belomx__timeu-wizard-1.7.4.pom
belomx__timeu-wizard-1.7.4.jar	19 KB
belomx__timeu-wizard-1.7.4-sources.jar	22 bytes
belomx__timeu-wizard-1.7.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/belomx__timeu-wizard/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>belomx__timeu-wizard</artifactId>
    <version>1.7.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/belomx__timeu-wizard/
implementation 'org.webjars.npm:belomx__timeu-wizard:1.7.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/belomx__timeu-wizard/
implementation ("org.webjars.npm:belomx__timeu-wizard:1.7.4")

Apache Buildr

'org.webjars.npm:belomx__timeu-wizard:jar:1.7.4'

Apache Ivy

<dependency org="org.webjars.npm" name="belomx__timeu-wizard" rev="1.7.4">
  <artifact name="belomx__timeu-wizard" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='belomx__timeu-wizard', version='1.7.4')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "belomx__timeu-wizard" % "1.7.4"

Leiningen

[org.webjars.npm/belomx__timeu-wizard "1.7.4"]

Dependencies

compile (12)

Group / Artifact	Type	Version
org.webjars.npm : polymer__polymer	jar	[3.0.0,4)
org.webjars.npm : polymer__paper-input	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__iron-form-element-behavior	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__paper-behaviors	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__paper-progress	jar	[3.0.0-pre.18,4)
org.webjars.npm : paper-range-slider	jar	[3.0.0,4)
org.webjars.npm : polymer__paper-styles	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__iron-a11y-keys-behavior	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__iron-flex-layout	jar	[3.0.0-pre.18,4)
org.webjars.npm : polymer__iron-behaviors	jar	[3.0.0-pre.18,4)
org.webjars.npm : webcomponents__webcomponentsjs	jar	[2.0.0,3)
org.webjars.npm : fortawesome__fontawesome-free	jar	[5.15.0,6)

Project Modules

There are no modules declared in this project.

Demo and API Docs

<timeu-wizard>

The timeu-wizard element displaying the progress of a wizard as a series of connected circles. By default the step number is displayed inside the circle and if provided a label below. The available steps are provided by either as an array of Objects or an array of Strings.

**This branch (master) works only with Polymer 3.x. **

Versions (Polymer 3.x)

The master branch and all 3.x.x .

How to use

Simple example:

-->

<timeu-wizard steps='["Step1","Step2","Step3"]' step="2"></timeu-wizard>

By providing an array of Objects users can provide custom contents for the circles.

Example with custom circle content:

<timeu-wizard steps='[{"label:Step1","content":"A"},{label:"Step2","content":"B"}]'></timeu-wizard>

It is also possible to display a vertical progress by adding the vertical attribute:

<timeu-wizard vertical steps='["Step1","Step2","Step3"]' step="2"></timeu-wizard>

Styling

The following custom properties and mixins are also available for styling:

Custom property	Description	Default
--timeu-wizard-line-color	The color of the line	#dfdfdf
--timeu-wizard-line-size	The thickness of the line	1px
--timeu-wizard-circle-size	The size of the circle	40px
--timeu-wizard-filling-color	The collor of the filling of the line	#2db36f
--timeu-wizard-anim-speed	The animation speed for the circles and lines	0.5s
--timeu-wizard-active-color	The color of finished steps and the current active step	#2db36f
--timeu-wizard-label-font-size	The font-size of the labels	13px
--timeu-wizard-step-font-size	The font-size of the steps inside of the circle	25px
--timeu-wizard-circle-border-size	The thickness of the circle border	1px
--timeu-wizard	Mixin applied to element host	{}
--timeu-wizard-container	Mixin applied to container div	{}
--timeu-wizard-list	Mixin applied to steps list	{}
--timeu-wizard-list-item	Mixin applied to each step	{}
--timeu-wizard-list-item-active	Mixin applied to each active step	{}
--timeu-wizard-list-item-done	Mixin applied to each done step	{}
--timeu-wizard-list-item-icon	Mixin applied to each step icon	{}
--timeu-wizard-list-item-checkicon	Mixin applied to each done step icon	{}

Versions

Version
1.7.4 Oct 4, 2020