Files

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