Div
The div can take alot of props and custom styles
Prop | Description | Value(s) |
---|---|---|
`width` | To set the width of your Div | `CSS width value` |
`maxWidth` | To set the maximum width of your Div | `CSS max-width value` |
`height` | To set the height of your Div | `CSS height value` |
`maxHeight` | To set the maximum height of your Div | `CSS max-height value` |
`padding` | To set the padding of your Div | `CSS padding value` |
`margin` | To set the margin of your Div | `CSS margin value` |
`onClick` | Listern to click even | `<function>` |
`customStyle` | To write your own CSS styles | `CSS style and property` |
#
Using the customStyle prop
The customStyle prop allows you to write all CSS styles on your element , in this example we will use the customStyle to display all element in flex and justify them to the center
React / Next.js Show Source Code
Hello I'm at the middle
The div can be used to create custom styles