Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Grid component support #6640

Merged
merged 15 commits into from
Nov 18, 2024
Prev Previous commit
Next Next commit
Update test
gbalint committed Nov 15, 2024
commit 9a4ead514762e61e2df3bae933891dbac92098ea
Original file line number Diff line number Diff line change
@@ -867,18 +867,26 @@ export var storyboard = (
export function Grid(props) {
return (
<div
{...props}
style={{
...props.style,
display: 'grid',
gridTemplateRows: '75px 75px 75px 75px',
gridTemplateColumns:
'50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px',
gridGap: 16,
display: 'flex',
flexDirection: 'column',
}}
data-uid='f84914f31dbc6c5d9b44c11ae54139ef'
>
{props.children}
<div
style={{
display: 'grid',
gridTemplateRows: '75px 75px 75px 75px',
gridTemplateColumns:
'50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px',
gridGap: 16,
}}
>
{props.children}
</div>
<div
style={{ height: 100 }}
/>
</div>
)
}