# ion-chip-button

A ChipButton is an inset button that is placed inside of a Chip. For more information, see the [Chip Docs](../chip)

<!-- Auto Generated Below -->


## Properties

| Property   | Attribute  | Description                                                                                                                                                                                                                                                            | Type                 |
| ---------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |
| `color`    | `color`    | The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics). | `Color`              |
| `disabled` | `disabled` | If true, the user cannot interact with the chip button. Defaults to `false`.                                                                                                                                                                                           | `boolean`            |
| `fill`     | `fill`     | Set to `"clear"` for a transparent button or to `"solid"` for a filled background. Defaults to `"clear"`.                                                                                                                                                              | `"clear"`, `"solid"` |
| `href`     | `href`     | Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.                                                                                                                                                | `string`             |
| `mode`     | `mode`     | The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`.                                                                                                                                                                              | `Mode`               |


## CSS Custom Properties

| Name              | Description                      |
| ----------------- | -------------------------------- |
| `--background`    | Background of the Chip Button    |
| `--border-radius` | Border radius of the Chip Button |
| `--color`         | Color of the Chip Button         |
| `--height`        | Height of the Chip Button        |
| `--margin-bottom` | Margin bottom of the Chip Button |
| `--margin-end`    | Margin end of the Chip Button    |
| `--margin-start`  | Margin start of the Chip Button  |
| `--margin-top`    | Margin top of the Chip Button    |
| `--width`         | Width of the Chip Button         |


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

*Built with [StencilJS](https://stenciljs.com/)*
