VBanner API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| avatar | ||
| Designates a specific src image to pass to the thumbnail. | ||
| 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 . | ||
| border | ||
| Designates the border-radius applied to the component. This can be xs, sm, md, lg, xl. | ||
| 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 . | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| elevation | ||
| 组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。 | ||
| height | ||
| 设定组件的高度。 | ||
| icon | ||
| 为按钮指定一个 v-icon 图标。 | ||
| lines | ||
| The amount of visible lines of text before it truncates. | ||
| location | ||
| Specifies the component’s location. Can combine by using a space separated string. | ||
| max-height | ||
| 设定组件的最大高度。 | ||
| max-width | ||
| 设定组件的最大宽度。 | ||
| min-height | ||
| 设定组件的最小高度。 | ||
| min-width | ||
| 设定组件的最小宽度。 | ||
| mobile | ||
| Applies the mobile banner styles. | ||
| mobile-breakpoint | ||
| Overrides the display configuration default screen size that the component should be considered in mobile. | ||
| position | ||
| 设定组件的 position 属性。 | ||
| 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 . | ||
| stacked | ||
| Forces the banner actions onto a new line. This is not applicable when the banner has lines="one". | ||
| sticky | ||
| Applies position: sticky to the component with top: 0. You can find more information on the MDN documentation for sticky position | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| text | ||
| 设置组件的内容文本。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| width | ||
| 设定组件的宽度。 | ||
插槽
| actions |
| The slot used for the action’s content such as a v-btn |
| default |
| 默认Vue 插槽。 |
| prepend |
| Adds an item outside the input and before input content. |
| text |
| Slot for the component’s text content. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $banner-action-margin | |
| $banner-actions-line-margin-top | |
| $banner-background | |
| $banner-border | |
| $banner-border-color | |
| $banner-border-radius | |
| $banner-border-style | |
| $banner-border-thin-width | |
| $banner-border-width | |
| $banner-color | |
| $banner-density | |
| $banner-elevation | |
| $banner-font-size | |
| $banner-line-height | |
| $banner-mobile-avatar-margin-end | |
| $banner-mobile-content-padding-end | |
| $banner-mobile-padding-end | |
| $banner-mobile-padding-start | |
| $banner-padding | |
| $banner-padding-inline-end | |
| $banner-padding-inline-start | |
| $banner-positions | |
| $banner-prepend-margin-end | |
| $banner-rounded-border-radius | |
| $banner-stacked-padding-inline-end | |
| $banner-sticky-top | |
| $banner-text-padding-end | |
| $banner-theme | |
| $banner-width | |