Destructieve knop

Opvallende weergave voor knoppen die een destructieve actie initiëren.

  1. Voeg de class destructive toe om gebruik te maken van de visuele weergave van een destructieve knop.

button

Visuele weergave:

HTML-voorbeeld:

<button class="destructive">Lorem ipsum</button>

button uitgeschakeld

Visuele weergave:

HTML-voorbeeld:

<button class="destructive" disabled>button primary</button>

input type="button"

Visuele weergave:

HTML-voorbeeld:

<input type="button" value="Lorem ipsum" class="destructive">

input type="button" uitgeschakeld

Visuele weergave:

HTML-voorbeeld:

<input type="button" value="Lorem ipsum" class="destructive" disabled>

Bijbehorende bestanden

Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen

Importeer component via npm

CSS-voorbeeld:

      @use "@minvws/manon/button-destructive";

Instelbare variabelen