|
7 | 7 |
|
8 | 8 | ## Properties |
9 | 9 |
|
10 | | -| Property | Attribute | Description | Type | Default | |
11 | | -| ------------ | ------------ | -------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | ----------- | |
12 | | -| `appearance` | `appearance` | specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor | `"clear" \| "inline" \| "outline" \| "solid"` | `"solid"` | |
13 | | -| `color` | `color` | specify the color of the button, defaults to blue | `"blue" \| "dark" \| "light" \| "red"` | `"blue"` | |
14 | | -| `href` | `href` | optionally pass a href - used to determine if the component should render as a button or an anchor | `string` | `undefined` | |
15 | | -| `icon` | `icon` | optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper | `string` | `null` | |
16 | | -| `loading` | `loading` | optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status | `boolean` | `false` | |
17 | | -| `scale` | `scale` | specify the scale of the button, defaults to m | `"l" \| "m" \| "s" \| "xl" \| "xs"` | `"m"` | |
18 | | -| `theme` | `theme` | Select theme (light or dark) | `"dark" \| "light"` | `"light"` | |
19 | | -| `width` | `width` | specify the width of the button, defaults to auto | `"auto" \| "full" \| "half"` | `"auto"` | |
| 10 | +| Property | Attribute | Description | Type | Default | |
| 11 | +| -------------- | -------------- | -------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | ----------- | |
| 12 | +| `appearance` | `appearance` | specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor | `"clear" \| "inline" \| "outline" \| "solid"` | `"solid"` | |
| 13 | +| `color` | `color` | specify the color of the button, defaults to blue | `"blue" \| "dark" \| "light" \| "red"` | `"blue"` | |
| 14 | +| `href` | `href` | optionally pass a href - used to determine if the component should render as a button or an anchor | `string` | `undefined` | |
| 15 | +| `icon` | `icon` | optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper | `string` | `undefined` | |
| 16 | +| `iconposition` | `iconposition` | optionally used with icon, select where to position the icon | `"end" \| "start"` | `"start"` | |
| 17 | +| `loading` | `loading` | optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status | `boolean` | `false` | |
| 18 | +| `scale` | `scale` | specify the scale of the button, defaults to m | `"l" \| "m" \| "s" \| "xl" \| "xs"` | `"m"` | |
| 19 | +| `theme` | `theme` | Select theme (light or dark) | `"dark" \| "light"` | `"light"` | |
| 20 | +| `width` | `width` | specify the width of the button, defaults to auto | `"auto" \| "full" \| "half"` | `"auto"` | |
20 | 21 |
|
21 | 22 |
|
22 | 23 | ## Dependencies |
|
0 commit comments