Skip to main content

Components

Button

Source code

Props

Usage

<script>
  import { Button } from "svelte-uswds";
</script>

<Button kind="default">Default button</Button>
<Button kind="secondary">Secondary button</Button>
<Button kind="accent-cool">Accent cool button</Button>
<Button kind="base">Base button</Button>
<Button kind="outline">Outline button</Button>
<div class="bg-base-darkest padding-1" style="max-width: fit-content">
  <Button kind="outline-inverse">Outline inverse button</Button>
</div>