Skip to main content

Interface: StandardContainerProperties

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

Card/container component properties.

Remarksโ€‹

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

Hierarchyโ€‹

View Summary

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:130

Whether component should take full width of its container

Inherited fromโ€‹

StylingProperties.fullWidth


size?โ€‹

readonly optional size?: ComponentSize

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

Size variant for the component

Inherited fromโ€‹

StylingProperties.size


style?โ€‹

readonly optional style?: CSSProperties

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

Inline styles to apply (use sparingly)

Inherited fromโ€‹

StylingProperties.style


variant?โ€‹

readonly optional variant?: ComponentVariant

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

Visual variant for component theming

Inherited fromโ€‹

StylingProperties.variant


bordered?โ€‹

readonly optional bordered?: boolean

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

Whether the container has border styling


elevated?โ€‹

readonly optional elevated?: boolean

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

Whether the container has elevated styling


onClick?โ€‹

readonly optional onClick?: ClickHandler

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

Optional click handler for interactive containers


padding?โ€‹

readonly optional padding?: ComponentSize

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

Padding variant for internal spacing