ContentArea

ContentArea 컴포넌트는 영역에 maxWidth와 최소 padidng을 설정하기 위해 사용됩니다.

<Box width="100%" backgroundColor="background"> <ContentArea> <Box width="100%" height={100} backgroundColor="primaryContainer" /> </ContentArea> </Box>

<Box width="100%" backgroundColor="background">
  <ContentArea>
    <Box
      width="100%"
      height={100}
      backgroundColor="primaryContainer"
    />
  </ContentArea>
</Box>

Loading...

How to use

import { ContentArea } from '@vibrant-ui/components';

Properties

Prop	Type	Default	Description
padding	true | false	true	padding 적용 여부를 결정합니다.