logo

GroupInfo

Used to display a information group. Usually used to show topics and features.

Some topic

Minim occaecat aliquip aute magna do cillum ea ut non. Lorem ullamco esse magna deserunt ut laboris anim irure cillum id et magna. Sint duis minim ex laborum quis pariatur irure id. Nisi sit incididunt cupidatat do consectetur ea occaecat id esse sit qui adipisicing in. Duis in nulla aute non Lorem incididunt sint quis.

Props:

title

Description: Your info title. Type: String. Required.

content

Description: A short description about your info. Type: String. Required.

children

Description: A space to render some visual element side to Title, like an Icon or SVG. Type: ReactNode.

style

Description: GroupInfoContainer style. Type: CSS Properties.

className

Description: GroupInfoContainer className. Type: String.

titleStyle

Description: Title style. Type: CSS Properties.

titleClassName

Description: Title className. Type: String.

contentStyle

Description: Content style. Type: CSS Properties.

contentClassName

Description: Content className. Type: String.

Code <GroupInfo title='Some topic' content='Minim occaecat aliquip aute magna do cillum ea ut non. Lorem ullamco esse magna deserunt ut laboris anim irure cillum id et magna. Sint duis minim ex laborum quis pariatur irure id. Nisi sit incididunt cupidatat do consectetur ea occaecat id esse sit qui adipisicing in. Duis in nulla aute non Lorem incididunt sint quis.' > <MdLightbulbOutline size={24} /> </GroupInfo>

PabloSilvaDev - © Copyright 2022