Components

Box

<Box />

Constructor

# <Box />

Main component which allows you to define entire layout of the application

View Source admin-bro/src/frontend/components/design-system/atoms/box.tsx, line 49

Examples

Simple White/Gray wrapper

Positioning buttons

Type Definitions

object

# BoxProps

Prop Types of an Button component. Apart from those defined below it extends all SpaceProps, ColorProps LayoutProps, FlexboxProps, PositionProps BorderProps and ShadowProps.

Properties:
Name Type Attributes Description
... string <optional>

Other props from SpaceProps, ColorProps, LayoutProps, FlexboxProps, PositionProps and BorderProps.

flex FlexboxFlexProp <optional>

If box should be rendered as flex. You can pass boolean or FlexboxProps['flex']

variant 'grey' | 'white' <optional>

Box variants

animate boolean <optional>

View Source admin-bro/src/frontend/components/design-system/atoms/box.tsx, line 78