Container

The Container component allows you to create a responsive container for your content. It adjusts its width based on the specified breakpoint or a default value.

Examples

Basic Usage

<Widget
	src={'flashui.near/widget/Container'}
	props={{
		children: (
			<div
				style={{
					width: '100%',
					height: '50px',
					backgroundColor: '#789ADD',
				}}
			>
				Container Content
			</div>
		),
		fullWidth: 'sm',
	}}
/>

Props

The Container component accepts the following props:

• children (ReactNode, required): The content to be displayed inside the container.

• fullWidth (string, optional): The breakpoint for the container's full width. Can be one of "xs," "sm," "md" (default), "lg," or "xl."