Skip to main content
GitHub icon

Components

StepIndicator

Source code

  1. Personal information completed
  2. Household status completed
  3. Supporting documents
  4. Signature not completed
  5. Review and submit not completed

Step 0 of 0

Props

Usage

<script>
  import { StepIndicator, StepIndicatorSegment } from "svelte-uswds";
</script>
  
<StepIndicator>
  <StepIndicatorSegment complete text="Personal information" />
  <StepIndicatorSegment complete text="Household status" />
  <StepIndicatorSegment current text="Supporting documents" />
  <StepIndicatorSegment text="Signature" />
  <StepIndicatorSegment text="Review and submit" />
</StepIndicator>