Nuxt UI v3-alpha 已发布!

试用
组件

容器

容器允许您居中和约束内容的宽度。

用法

<template>
  <UContainer>
    <Placeholder class="h-32" />
  </UContainer>
</template>

属性

ui
{ base?: string; padding?: string; constrained?: string; } & { [key: string]: any; } & { strategy?: Strategy; }
{}
as
字符串
"div"

配置

{
  base: 'mx-auto',
  padding: 'px-4 sm:px-6 lg:px-8',
  constrained: 'max-w-7xl'
}