## `` API Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties). ### Properties | Name | Type | Default | Summary | |-|-|-|-| | animated | `boolean` | `false` | Will animate the expansion/collapse | | bleed | `boolean` | `false` | Will make the expandable full-width on the sm breakpoint size | | box | `boolean` | `false` | Will make the expandable a Box | | button-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. | | content-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. | | expanded | `boolean` | `false` | Controls component's expanded state | | heading-level | `number \| undefined` | `-` | Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. | | no-chevron | `boolean` | `false` | Controls chevron visibility | | title | `string` | `-` | Component title. Used to display the title value which is always present regardless of whether the component is open or closed. | ### Property Details #### animated Will animate the expansion/collapse - Type: `boolean` - Default: `false` #### bleed Will make the expandable full-width on the sm breakpoint size - Type: `boolean` - Default: `false` #### box Will make the expandable a Box - Type: `boolean` - Default: `false` #### button-class **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. - Type: `string | undefined` - Default: `-` #### content-class **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. - Type: `string | undefined` - Default: `-` #### expanded Controls component's expanded state - Type: `boolean` - Default: `false` #### heading-level Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. - Type: `number | undefined` - Default: `-` #### no-chevron Controls chevron visibility - Type: `boolean` - Default: `false` #### title Component title. Used to display the title value which is always present regardless of whether the component is open or closed. - Type: `string` - Default: `-`