Surface

A rounded component for attaching other elements

Anatomy

Mount all pieces together and create your code

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

Example

Your code here

<Surface
  css={{
    display: 'flex',
    alignItems: 'center',
    gap: 20,
    width: '100%',
    height: '60px',
    color: '$black',
    backgroundColor:'$gray700'
  }}
>
  Your code here
</Surface>

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`	`{}`

Box Colors