Clipboard · Styling

Density and width via modifier classes on the clipboard root.

Size

    <.clipboard class="clipboard clipboard--sm" value="small@example.com">
  <:copy><.heroicon name="hero-clipboard" /></:copy>
  <:copied><.heroicon name="hero-check" /></:copied>
</.clipboard>
<.clipboard class="clipboard" value="default@example.com">
  <:copy><.heroicon name="hero-clipboard" /></:copy>
  <:copied><.heroicon name="hero-check" /></:copied>
</.clipboard>
<.clipboard class="clipboard clipboard--lg" value="large@example.com">
  <:copy><.heroicon name="hero-clipboard" /></:copy>
  <:copied><.heroicon name="hero-check" /></:copied>
</.clipboard>
<.clipboard class="clipboard clipboard--xl" value="xlarge@example.com">
  <:copy><.heroicon name="hero-clipboard" /></:copy>
  <:copied><.heroicon name="hero-check" /></:copied>
</.clipboard>