Skip to content

WidgetWrapper 包装器

基本用法

当内容需要在 x 轴居中显示时,使用<WidgetWrapper />组件可以自适应不同宽度的屏幕,始终保持内容居中,强烈建议页面展示的内容使用<WidgetWrapper />组件包裹📦


默认内容最大为80rem, 样式为:max-w-7xl

<WidgetWrapper isDark={true}>
默认内容最大为80rem, 样式为:max-w-7xl
</WidgetWrapper>


containerClass属性提供了自定义样式,设置最大宽度为 max-w-3xl

<WidgetWrapper
isDark={true}
containerClass={`max-w-3xl`}
>
containerClass属性提供了自定义样式,设置最大宽度为 max-w-3xl
</WidgetWrapper>

API

属性说明类型默认值
isDark容器组件主题,默认为白色主题,可选值为:true(深色主题)、false(浅色主题)booleanfalse
containerClass容器样式string-