10 lines
604 B
Plaintext
10 lines
604 B
Plaintext
component IconButton {
|
|
props {
|
|
label = "Action"
|
|
icon = "•"
|
|
variant = "ghost"
|
|
disabled = false
|
|
}
|
|
view { <button type="button" aria-label="{label}" title="{label}" disabled="{disabled}" class="inline-flex size-11 items-center justify-center rounded-xl transition duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 disabled:opacity-50 {variant === 'primary' ? 'bg-violet-600 text-white hover:bg-violet-700' : 'text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800'}"><span aria-hidden="true">{icon}</span></button> }
|
|
}
|