组件/Stack 堆叠
通用组件

Stack 堆叠

通用堆叠布局容器(横向/纵向)。

该页面由 AI 迁移生成,请谨慎使用

内容已迁移完成,但仍建议结合源码和人工评审结果使用。

Stack 堆叠

通用堆叠布局容器(横向/纵向)。

基础用法

Stack

示例即将加载...
<template>
  <div style="width: 360px; padding: 16px; border: 1px solid var(--tx-border-color); border-radius: 12px;">
    <TxStack :gap="10">
      <TxButton>One</TxButton>
      <TxButton variant="secondary">
        Two
      </TxButton>
      <TxButton variant="ghost">
        Three
      </TxButton>
    </TxStack>
  </div>
</template>

API

Props

属性名类型默认值说明
direction'horizontal' | 'vertical''vertical'方向
gapnumber | string12间距
alignstring'stretch'align-items
justifystring'flex-start'justify-content
wrapbooleanfalse是否换行
inlinebooleanfalse是否使用 inline-flex