Box

A standard box component to attach other elements

Anatomy

Mount all pieces together and create your code

import { Box } from '@micode-ui/react';
 
<Box>
  Your code here
</Box>

Example

Your code here

<Box
  css={{
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    width: '20rem',
    height: '20rem',
    color: '$black',
    backgroundColor:'$gray700'
  }}
>
  Your code here
</Box>

API Reference

Root

Contains all parts of the Box.

Prop	Type	Default
`css`	`object`	`{}`

Fallback

A feedback icon that sits on the left side of the input field.

Prop	Type	Default
`css`	`object`	`{}`

Tooltip Surface