Components
IconButton
Icon Button is a round button with no text and one icon only.
codeExamples
guidelines
Icon Button is a round button with no text and one icon only. This button reacts to touches by filling with color.
Remember to include a good descriptive text for screen reader users!
code
<IconButton />
import { IconButton } from "@vygruppen/spor-react";
Props
Name | Type | Required? | Description |
|---|---|---|---|
aria-label | string | A descriptive text | |
disabled | boolean | ||
download | string[] | link to a downloadable resource | |
href | string[] | Use this combined with as="a" and download prop | |
icon | React.ReactNode | ||
loading | boolean | Default false. Wether to show a loading-spinner | |
size | "xs" | "sm" | "md" | "lg" | Default "md" | |
variant | "primary" | "secondary" | "tertiary" | "ghost" | "floating" | Default "primary" | |
waiting | boolean |