@leafygreen-ui/stepper
leafyGreen UI Kit Stepper
Last updated 3 months ago by michael.mitchell .
Apache-2.0 · Original npm · Tarball · package.json
$ cnpm install @leafygreen-ui/stepper 
SYNC missed versions from official npm registry.

Stepper

npm (scoped)

View on Storybook

Installation

Yarn

yarn add @leafygreen-ui/stepper

NPM

npm install @leafygreen-ui/stepper

Example

<Stepper currentStep={0} maxDisplayedSteps={2}> <Step>Step 1</Step> <Step>Step 2</Step> </Stepper>

Output HTML

<div aria-label="breadcrumbs" class="leafygreen-ui-13pcgvz">
  <div class="leafygreen-ui-plizcc">
    <div
      class="leafygreen-ui-1cyt2ch"
      aria-label="Step 1"
      aria-current="step"
      step="0"
    >
      <div class="leafygreen-ui-7uty9f">
        <div class="leafygreen-ui-gbxl1s">1</div>
      </div>
      Step 1
      <div class="leafygreen-ui-1d8yxum">
        <span class="leafygreen-ui-1tyue0g"><div></div></span>
        <span class="leafygreen-ui-s0bv6u"><div></div></span>
      </div>
    </div>
    <div class="leafygreen-ui-15p2xzb" aria-label="Step 2" step="1">
      <div class="leafygreen-ui-9u2rvb">
        <div class="leafygreen-ui-gbxl1s">2</div>
      </div>
      Step 2
      <div class="leafygreen-ui-1d8yxum">
        <span class="leafygreen-ui-1tyue0g"><div></div></span>
        <span class="leafygreen-ui-s0bv6u"><div></div></span>
      </div>
    </div>
  </div>
</div>

Properties

Prop Type Description Default
children StepElements Strings wrapped in <Step></Step> to display as each step
currentStep number Starting at 0, index of current step that should be highlighted.
maxDisplayedSteps number Maximum number of steps displayed a time. The rest are hidden. children.length

Current Tags

  • 2.0.1                                ...           latest (3 months ago)

5 Versions

  • 2.0.1                                ...           3 months ago
  • 2.0.0                                ...           3 months ago
  • 1.0.2                                ...           5 months ago
  • 1.0.1                                ...           6 months ago
  • 1.0.0                                ...           6 months ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 5
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |