Container

Interfaces

ContainerProps

Defined in: packages/solid/src/components/layout/container/container.types.ts:8

The Container component’s properties.

Extends

• unknown<JSX.HTMLAttributes<HTMLHtmlElement>>.ParentProps

Properties

children?

optional children: Element

Defined in: node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/types/render/component.d.ts:28

Inherited from

ParentProps.children

color?

optional color: BaseColor

Defined in: packages/solid/src/components/layout/container/container.types.ts:19

The color of the container.

Default

'surface';

noPadding?

optional noPadding: boolean

Defined in: packages/solid/src/components/layout/container/container.types.ts:29

If true, the default padding will be removed.

Default

false;

tag?

optional tag: "div" | "span" | "section" | "article"

Defined in: packages/solid/src/components/layout/container/container.types.ts:14

The tag to use for the container.

Default

'div';

variant?

optional variant: "contained" | "outlined" | "colored"

Defined in: packages/solid/src/components/layout/container/container.types.ts:24

The variant of the container. No variant will be applied by default.

Default

undefined;

Variables

Container

const Container: Component<ContainerProps>

Defined in: packages/solid/src/components/layout/container/container.component.tsx:10

A container component. Very flexible and can be used for most layout purposes.

Param

ContainerProps