@artifak/container
A basic container component. By default has full 100% width and margin 0 auto. All you need to do is specify your max widths.
Usage
Apart from widths, the component also accepts the following style properties:
- background
- border
- color
- display
- layout
- position
- shadow
- space
- typography
Below is a usage example.
import { Container } from 'artifak';
export function Example() {
return (
<Container maxWidth={['40em', '52em', '64em', '80em']}>
<>
<p>Hello World</p>
</>
</Container>
);
}