carbon-components-svelte/tests/ResponsiveGrid.test.svelte
2024-05-05 12:59:04 -07:00

40 lines
742 B
Svelte

<script lang="ts">
import { Grid, Row, Column } from "../types";
</script>
<Grid>
<Row>
<Column
sm="{1}"
md="{4}"
lg="{8}"
style="outline: 1px solid var(--bx-interactive)"
>
sm: 1, md: 4, lg: 8
</Column>
<Column
sm="{1}"
md="{2}"
lg="{2}"
style="outline: 1px solid var(--bx-interactive)"
>
sm: 1, md: 2, lg: 2
</Column>
<Column
sm="{1}"
md="{1}"
lg="{1}"
style="outline: 1px solid var(--bx-interactive)"
>
sm: 1, md: 1, lg: 1
</Column>
<Column
sm="{1}"
md="{1}"
lg="{1}"
style="outline: 1px solid var(--bx-interactive)"
>
sm: 1, md: 1, lg: 1
</Column>
</Row>
</Grid>