Components

Box

<Box />

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

Usage

import { Box, BoxProps } from '@admin-bro/design-system'
See:

View Source admin-bro-design-system/src/atoms/box.tsx, line 63

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-design-system/src/atoms/box.tsx, line 93