VExpansionPanel API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| collapse-icon | ||
| Icon used when the expansion panel is in a collapsable state. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| disabled | ||
| Disables the expansion-panel content. | ||
| eager | ||
| Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO. | ||
| elevation | ||
| Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page . | ||
| expand-icon | ||
| Icon used when the expansion panel is in a expandable state. | ||
| focusable | ||
| MISSING DESCRIPTION (edit in github ) | ||
| hide-actions | ||
| Hide the expand icon in the content title. | ||
| readonly | ||
| Makes the expansion-panel content read only. | ||
| ripple | ||
| Applies the v-ripple directive. | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| selected-class | ||
| Configure the active CSS class applied when an item is selected. | ||
| static | ||
| Remove title size expansion when selected. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| text | ||
| Specify content text for the component. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| title | ||
| Specify a title text for the component. | ||
| value | ||
| Controls the opened/closed state of content. | ||
事件
| 名称 | 类型 |
|---|---|
| group:selected | |
| Event that is emitted when an item is selected within a group. | |
插槽
| default |
| The default Vue slot. |
| text |
| Slot for the component’s text content. |
| title |
| Slot for the component’s title content. |
可用属性
| groupItem |
| MISSING DESCRIPTION (edit in github ) |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $expansion-panel-active-margin | |
| $expansion-panel-active-title-min-height | |
| $expansion-panel-background-color | |
| $expansion-panel-border-color | |
| $expansion-panel-border-radius | |
| $expansion-panel-color | |
| $expansion-panel-disabled-color | |
| $expansion-panel-disabled-opacity | |
| $expansion-panel-disabled-overlay | |
| $expansion-panel-inset-active-max-width | |
| $expansion-panel-inset-max-width | |
| $expansion-panel-popout-active-max-width | |
| $expansion-panel-popout-max-width | |
| $expansion-panel-text-padding | |
| $expansion-panel-title-font-size | |
| $expansion-panel-title-min-height | |
| $expansion-panel-title-padding | |