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>