Tlačítko se sedmi variantami, a s as="a" i odkaz, který tak vypadá. Varianta nese význam akce, ne barvu — a v tmavém režimu drží kontrast, který opsané třídy ztrácejí.
variant="primary", vpravo v hlavičce, a právě jedna. Druhá primární akce vedle první znamená, že ani jedna není hlavní.loading zamkne tlačítko, nasadí aria-busy a překryje popisek spinnerem, aniž by se tlačítko zúžilo.iconOnly plus aria-label.variant="danger". Význam nese varianta, ne barva, kterou si vybereš.as="a" s href. Vykreslí se odkaz, takže prostřední tlačítko myši i „otevřít v novém panelu“ fungují, a vzhled se nemusí opisovat.as="a" dává odkazu tvar tlačítka a ten uprostřed odstavce trhá řádek.className.as: "button" | "a" — Výchozí button. S "a" se vykreslí odkaz — pro akci, která naviguje, ne spouští.href: string — Povinný při as="a", jinde nedostupný. Odkaz bez cíle není odkaz: nedostane se do pořadí tabulátoru.variant: "primary" | "accent" | "ok" | "secondary" | "ghost" | "danger" | "inverse" — Váha akce. Výchozí secondary — primární akce se řekne nahlas, protože má být na obrazovce jedna. inverse patří na obrácenou plochu (tmavý blok), kde je neutrální tlačítko neviditelné.size: "sm" | "md" | "lg" — Výška 28 / 34 / 42 px. Výchozí md.iconOnly: boolean — Čtvercové tlačítko jen s ikonou. Vyžaduje aria-label.loading: boolean — Překryje popisek spinnerem, zamkne šířku a nasadí aria-busy. Jen na tlačítku — odkaz se rozpracovat nedá.leadingIcon: ReactNode — Ikona před popiskem.trailingIcon: ReactNode — Ikona za popiskem.disabled: boolean — Nedostupná akce. Pozor: zašedlé tlačítko neřekne proč.