Buttons

Interactieve elementen met subtiele haptische feedback-visuele stijlen. Ondersteunt verschillende maten, kleuren en glas-effecten.

Primary Secondary Success Danger Warning Glass Effect
Small Medium Large Extra Large
Disabled
<sol-button color="primary" size="lg">Klik op mij</sol-button> <sol-button color="glass" rounded> <sol-icon name="heart"></sol-icon> </sol-button>

API Referentie

Attribuut Type Default Beschrijving
color "primary" | "secondary" | "success" | "warning" | "danger" | "glass" "primary" Bepaalt de visuele stijl en achtergrondkleur van de knop.
size "sm" | "md" | "lg" | "xl" "md" Grootte van de knop (padding en font-size).
rounded boolean false Maakt de knop perfect rond (1:1 aspect ratio), ideaal voor iconen.
disabled boolean false Schakelt interactie uit en verlaagt de opaciteit.
type "button" | "submit" | "reset" "button" Het native type van de onderliggende <button>.