堆叠项
@astryxdesign/core v0.7.1 · StackItem
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
as | string | Component | 'div' | 根元素或者根组件。 |
crossAlignSelf | StackCrossAlignment | — | 只改这一项在交叉轴上的对齐,盖掉父级堆叠的设置:start、center、end、stretch。 |
isScrollable | boolean | false | 内容超出时允许滚动。这层包装已经把 flex 的最小尺寸清掉了,所以 size="fill" 配上 isScrollable 就是一块完整的滚动区域。 |
size | 'static' | 'fill' | 'static' | static 保持本来该多大;fill 把其他项剩下的空间占满。 |
StackCrossAlignment 可以取这些值:
ts
type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch'插槽
default:这一项的内容。
原生属性
根元素会接收 HTML 属性、aria-* 属性、data-* 属性、class 和 style。class 会和组件自己的类合并。