Background Section
This is the <BackgroundSection /> component
- Presentation
- Source
Color cover
Image cover
@candy/kitkat/layout/background-section
<BackgroundSection> <span style={{ color: 'white' }}>Color cover</span></BackgroundSection><br /><BackgroundSection justify="center" src={src}><span style={{ color: 'white' }}>Image cover</span></BackgroundSection>Component API
| Name | Type | Default | Description |
|---|---|---|---|
children | String/ReactNode | - | Content |
css | CSSProperties | - | Custom CSS styles (Stiches format) |
appearance | string | generic | One of: primary secondary |
className | string | - | CSS Class Name |
margin | string | - | CSS Margin |
padding | string | - | CSS Padding |