children
Type | JSX children (required) |
---|
CSS Grid items to be horizontally spaced and vertically top aligned.
Displays children in a horizontally spaced and scrollable grid.
It’s integral to most device agnostic layouts.
It’s best used as a block that occupies the entire viewport width:
children
Type | JSX children (required) |
---|
CSS Grid items to be horizontally spaced and vertically top aligned.
...props
Type | …* (optional) |
---|
Additional props for the container; a <div>
element.
maxWidth
style is only to demo demo scrolling; limiting the width isn’t recommended.import { Heading, Scroll } from 'device-agnostic-ui'
<Scroll style={{ maxWidth: '15rem' }}>
<article>
<Heading>First</Heading>
</article>
<article>
<Heading>Second</Heading>
</article>
<article>
<Heading>Third</Heading>
</article>
<article>
<Heading>Fourth</Heading>
</article>
</Scroll>