Box
What is this?
Box is the base component to be used for most of your html elements. It has no defined style or shape.
Styling
Loading...
Semantic Elements
Using the dev tools you can see that is rendered as an anchor html element.
Loading...
Usage
import { Box } from '@vtex/admin-ui'
function Example() {
return <Box>Content</Box>
}
Props
Besides the props listed bellow, you can use all the props accepted by the JSX element you defined using `as` property.
| Name | Type | Description | Required | Default |
|---|---|---|---|---|
| csx | StyleObject | Layout styles | 🚫 | - |
| as | HTMLElement | A valid HTMLElement in a string format | 🚫 | div |
Accessibility
Be sure that you're using the correct semantic element and `aria roles` for the behavior you're implementing. You can use the WAI-ARIA Practices to help you.