# View

## Use

```jsx
import { View } from '@tedconf/monterey';

const App = () => (
  <View
    sx={{
      marginX: 2,
      backgroundColor: 'gray.0',
      color: 'white',
    }}
  >
    Welcome to my app!
  </View>
);
```

The `<View />` component is the basic primitive for elements. Use it as
a replacement for when you'd reach for a `div`.

The difference:

- `display: flex`, `flexDirection: column`, and `boxSizing: border-box` by default.
- has a [large, but] specific set of customizable style properties.