Function default

A themed box container with optional header and close icon, used to wrap content in modals, cards, or sidebars.

Remarks

This component conditionally renders a title and close button if headerTitle or onClose is provided. It supports dynamic theming using useColorParser, and custom styles via the sx prop.

Example

<BoxWithCloseContainer
  headerTitle="Details"
  onClose={() => setOpen(false)}
  backgroundColor="background"
>
  <Typography>This is some content inside the container.</Typography>
</BoxWithCloseContainer>

default(props: BoxWithCloseContainerProps): ReactNode
Parameters
- props: BoxWithCloseContainerProps
  Props for rendering the container and header behaviors.
Returns ReactNode
A styled container with optional header and close functionality.
- Defined in src/components/BoxWithCloseContainer/BoxWithCloseContainer.tsx:88

Function default

Remarks

Example

Parameters

Returns ReactNode

Settings