Block🔗
A block component is a <div> with display: block, and a starting point for building your own custom block components.
Example🔗
Hello World
Props - Block🔗
Name | Description | Type | Default Value |
|---|---|---|---|
as | A React component, or a string specifying a name for an HTML element | AsProp ｜ undefined | n/a |
children | Any valid React Node | ReactNode | n/a |
className | Add an additional custom className to element. Warning: make sure it doesn't collide with the classNames being generated for the atomic CSS | string ｜ undefined | n/a |
extend | A CSS object or a function returning a CSS object, or an array of them | ExtendPropValue<CurrentTheme, { as?: AsProp ｜ undefined; className?: string ｜ undefined; children?: ReactNode; }> | n/a |