Skip to main content

Interface: StandardContainerProperties

Defined in: shared/types/componentProps.ts:489

Card/container component properties.

Remarks​

This interface provides a standard template for container components like cards, panels, and boxes.

Extends​

Properties​

children?​

readonly optional children: ReactNode

Defined in: shared/types/componentProps.ts:36

Component content (text, elements, or other components)

Inherited from​

CoreComponentProperties.children

className?​

readonly optional className: string

Defined in: shared/types/componentProps.ts:38

Additional CSS classes for styling customization

Inherited from​

CoreComponentProperties.className

disabled?​

readonly optional disabled: boolean

Defined in: shared/types/componentProps.ts:40

Whether the component is disabled and non-interactive

Inherited from​

CoreComponentProperties.disabled

aria-describedby?​

readonly optional aria-describedby: string

Defined in: shared/types/componentProps.ts:81

ARIA described-by reference for additional descriptions

Inherited from​

AccessibilityProperties.aria-describedby

aria-disabled?​

readonly optional aria-disabled: boolean

Defined in: shared/types/componentProps.ts:83

ARIA disabled state for interactive controls that are visually disabled

Inherited from​

AccessibilityProperties.aria-disabled

aria-label?​

readonly optional aria-label: string

Defined in: shared/types/componentProps.ts:85

ARIA label for screen readers

Inherited from​

AccessibilityProperties.aria-label

aria-labelledby?​

readonly optional aria-labelledby: string

Defined in: shared/types/componentProps.ts:87

ARIA labelledby reference for complex labeling

Inherited from​

AccessibilityProperties.aria-labelledby

aria-level?​

readonly optional aria-level: number

Defined in: shared/types/componentProps.ts:89

ARIA heading level for elements using role="heading"

Inherited from​

AccessibilityProperties.aria-level

role?​

readonly optional role: string

Defined in: shared/types/componentProps.ts:91

Role attribute for semantic meaning

Inherited from​

AccessibilityProperties.role

tabIndex?​

readonly optional tabIndex: number

Defined in: shared/types/componentProps.ts:93

Tab index for keyboard navigation

Inherited from​

AccessibilityProperties.tabIndex

fullWidth?​

readonly optional fullWidth: boolean

Defined in: shared/types/componentProps.ts:127

Whether component should take full width of its container

Inherited from​

StylingProperties.fullWidth

size?​

readonly optional size: ComponentSize

Defined in: shared/types/componentProps.ts:129

Size variant for the component

Inherited from​

StylingProperties.size

style?​

readonly optional style: CSSProperties

Defined in: shared/types/componentProps.ts:131

Inline styles to apply (use sparingly)

Inherited from​

StylingProperties.style

variant?​

readonly optional variant: ComponentVariant

Defined in: shared/types/componentProps.ts:133

Visual variant for component theming

Inherited from​

StylingProperties.variant

bordered?​

readonly optional bordered: boolean

Defined in: shared/types/componentProps.ts:495

Whether the container has border styling

elevated?​

readonly optional elevated: boolean

Defined in: shared/types/componentProps.ts:497

Whether the container has elevated styling

onClick?​

readonly optional onClick: ClickHandler

Defined in: shared/types/componentProps.ts:499

Optional click handler for interactive containers

padding?​

readonly optional padding: ComponentSize

Defined in: shared/types/componentProps.ts:501

Padding variant for internal spacing