布局
HeroUI 提供了布局自定义选项，用于间距、字体和其他视觉属性。布局令牌有助于在组件之间保持一致性，而无需修改 Tailwind CSS 默认值。
布局选项应用于所有组件。
默认布局
布局令牌的默认值为
CSS 变量
HeroUI 使用格式 --prefix-prop-name-scale 为每个布局令牌创建 CSS 变量。默认情况下，前缀为 heroui，但您可以使用 prefix 选项更改它。
然后您可以在 CSS 文件中使用 CSS 变量。
API 参考
| 属性 | 类型 | 描述 |
|---|---|---|
| hoverOpacity | string, number | 介于 0 和 1 之间的数字，当组件悬停时，将应用为 opacity-[value]。 |
| disabledOpacity | string, number | 介于 0 和 1 之间的数字，当组件禁用时，将应用为 opacity-[value]。 |
| dividerWeight | string | 应用于分隔线组件的默认高度。我们建议使用 px 单位。 |
| fontSize | FontThemeUnit | 应用于组件的默认字体大小。 |
| lineHeight | FontThemeUnit | 应用于组件的默认行高。 |
| radius | BaseThemeUnit | 应用于组件的默认圆角。我们建议使用 rem 单位。 |
| borderWidth | BaseThemeUnit | 应用于组件的边框宽度。 |
| boxShadow | BaseThemeUnit | 应用于组件的阴影。 |
