BaseWrapper
Import
import { BaseWrapper } from 'binak-react-components';
Props
Name | Type | Default Value |
---|---|---|
children | ReactNode | undefined |
mode | Array< | 'gap-2rem' | 'center' | 'vertical-center' | 'align-text-center' | 'horizontal' | 'vertical' | 'max-40rem' | 'grid-2' | 'grid-3' | 'align-right' > | [] |
...props | div props | - |
Example
<BaseWrapper mode={['grid-3', 'center']} style={{ marginBottom: '2rem' }}>
<BaseCard style={{ margin: 0 }}>Card-1</BaseCard>
<BaseCard style={{ margin: 0 }}>Card-2</BaseCard>
<BaseCard style={{ margin: 0 }}>Card-3</BaseCard>
<BaseCard style={{ margin: 0 }}>Card-4</BaseCard>
<BaseCard style={{ margin: 0 }}>Card-5</BaseCard>
</BaseWrapper>