
<!-- Auto Generated Below -->


## SignetButton Properties

| Property      | Attribute      | Description                                                                                                                                                                                                        | Type                                                     | Default     |
| ------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | ----------- |
| `buttonClass` | `button-class` | Additional class for the button.                                                                                                                                                                                   | `string`                                                 | `''`        |
| `class`       | `class`        | Button style, can be 'primary', 'text', or 'outlined'.                                                                                                                                                             | `"outlined" \| "primary" \| "text"`                      | `'primary'` |
| `controls`    | `controls`     | ID of the element controlled by the button.                                                                                                                                                                        | `string`                                                 | `undefined` |
| `disabled`    | `disabled`     | Indicates if the button is disabled.                                                                                                                                                                               | `boolean`                                                | `false`     |
| `expanded`    | `expanded`     | Indicates if the button is in an expanded state.                                                                                                                                                                   | `boolean`                                                | `false`     |
| `haspopup`    | `haspopup`     | Indicates if the button controls a popup.                                                                                                                                                                          | `boolean`                                                | `false`     |
| `hides`       | `hides`        | ID of the element hidden by the button.                                                                                                                                                                            | `string`                                                 | `undefined` |
| `shows`       | `shows`        | ID of the element shown by the button.                                                                                                                                                                             | `string`                                                 | `undefined` |
| `size`        | `size`         | The `size` property determines the size of the select component. It can be set to 'sm', 'md', 'lg', 'small', 'medium', or 'large' to adjust the appearance of the component accordingly. The default size is 'md'. | `"large" \| "lg" \| "md" \| "medium" \| "sm" \| "small"` | `'md'`      |
| `type`        | `type`         | Button type, can be 'button', 'submit', or 'reset'.                                                                                                                                                                | `"button" \| "reset" \| "submit"`                        | `'button'`  |


## Dependencies

### Used by

 - [signet-card](../signet-card)
 - [signet-circular-data-widget](../signet-circular-data-widget)
 - [signet-menu](../signet-menu)
 - [signet-popover](../signet-popover)

### Graph
```mermaid
graph TD;
  signet-card --> signet-button
  signet-circular-data-widget --> signet-button
  signet-menu --> signet-button
  signet-popover --> signet-button
  style signet-button fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with Signet Design System*