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 (浅色主题) | boolean | false |
containerClass | 容器样式 | string | - |