Skip to main content
GitHub icon

Components

Checklist

Source code

Requirements

  • Use at least one uppercase character
  • Use at least one number

Usage

<script>
  import { Alert, Checklist, ChecklistItem, TextInput } from "svelte-uswds";
</script>

<Alert kind="validation" title="Requirements">
  <Checklist>
    <ChecklistItem {test} validator="uppercase" minLength={1}>
      Use at least one uppercase character
    </ChecklistItem>
    <ChecklistItem {test} validator="numerical" minLength={1}>
      Use at least one number
    </ChecklistItem>
  </Checklist>
</Alert>
<TextInput required bind:value={test} />