#
View
The View component is a styled container for wrapping other content with optional layout and style props.
React / Next.js
Hello from View!
View
View is a div container with customizable layout, dimensions, color, spacing, and event props.
PropDescriptionValue(s)
`children`Content to be rendered inside the View.`ReactNode`
`content`Alternate to children. Renders content if children is not provided.`ReactNode`
`funcss`Extra class names for styling (e.g., from Funcss).`string`
`customStyle`Inline custom styles.`CSSProperties`
`height`Height of the container.`string | number`
`width`Width of the container.`string | number`
`padding`Padding inside the container.`string | number`
`margin`Margin around the container.`string | number`
`display`CSS display type.`"flex" | "block" | "inline" | etc.`
`flexDirection`Direction of flex children.`"row" | "column" | etc.`
`justifyContent`Justify content alignment.`CSS justifyContent values`
`alignItems`Align items in flex.`CSS alignItems values`
`bg`Background utility class (e.g., "bg-primary").`string`
`borderRadius`Rounded corners of the container.`string`
`boxShadow`Box shadow styling.`string`
`position`Positioning of the container.`"relative" | "absolute" | etc.`
`top / left / right / bottom`Position offsets.`string | number`
`zIndex`Z-index stacking.`number`
`overflow`Overflow behavior.`string`
`fit`If true, sets width and height to 100%.`boolean`
`onClick, onFocus, etc.`All native event handlers supported.`function`