Ghost button

Subtiele knopweergave.

  1. Voeg de class ghost toe om gebruik te maken van de visuele weergave van een "ghost button".

button

Visuele weergave:

HTML-voorbeeld:

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

button uitgeschakeld

Visuele weergave:

HTML-voorbeeld:

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

input type="button"

Visuele weergave:

HTML-voorbeeld:

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

input type="button" uitgeschakeld

Visuele weergave:

HTML-voorbeeld:

<input type="button" value="Lorem ipsum" class="ghost" 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-ghost";

Instelbare variabelen