Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
1234567891011121314151617181920import { Grid } from '@luke-ui/react/grid';import { ExampleItem } from '#docs';
export default () => { return ( <Grid areas={['a a', 'b c', 'd d']} columns="1fr 1fr" gap="space.12" minBlockSize="16rem" rows="auto 1fr auto" > <ExampleItem gridArea="a">Area A</ExampleItem> <ExampleItem gridArea="b">Area B</ExampleItem> <ExampleItem gridArea="c">Area C</ExampleItem> <ExampleItem gridArea="d">Area D</ExampleItem> </Grid> );};