IconButton
A customizable icon button component with various styles and states.
- Import
import "@tapsioss/web-components/button/icon-button";
- Tag
<tapsi-icon-button></tapsi-icon-button>
Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
disabled | Whether the button is disabled. | boolean | false |
type | The type of the button. | "button" | "submit" | "reset" | - |
label | The accessible label for the button. | string | - |
loading | Whether the button is in a loading state. | boolean | false |
size | The size of the button. | "sm" | "md" | "lg" | "md" |
variant | The variant style of the button. | "primary" | "ghost" | "naked" | "elevated" | "destructive" | "brand" | "primary" |
Slots
| Name | Description |
|---|---|
| - | Icon button's content. |
TIP
You can use slot names as variables:
ts
import { Slots } from "@tapsioss/web-components/button/icon-button";
console.log(Slots.DEFAULT); // ""