1 contributor
Like
Install section-block as a package?
Copied
npm i @bit/clui.nui-ui.ui.common.section-block
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example 
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Description
Section blocks provide a wrapper that can be customised the padding, margin, width and background color.
Import from bit.dev
https://bit.dev/clui/nui-ui/ui/common/section-block
yarn add @bit/clui.nui-ui.ui.common.section-block
import SectionBlock from '@bit/clui.nui-ui.ui.common.section-block';
Props
Below are the props defined for this component:
| Name | Type | Default | Description |
|---|---|---|---|
| bgcolor | ‘white’ | ‘lightgrey’ | ‘primary’ | ‘gradient-primary’ | undefined | - | - |
| maxWidth | false | ‘md’ | ‘xs’ | ‘sm’ | ‘lg’ | ‘xl’ | undefined | - | - |
| bgImage | string | - | - |
| bgImageOpacity | string | 0.1 | - |
| bgImageSize | string | “400px, 400px” | - |
| pt | number | - | - |
| pb | number | - | - |