mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
ion-chip-button
A ChipButton is an inset button that is placed inside of a Chip. For more information, see the Chip Docs
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. |
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