mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 19:46:36 +00:00
b597a64131* Add padding prop to Grid component * Fix file name * Build lib * Typo Co-authored-by: Richard O'flynn <richard.oflynn@brighter-software.co.uk>
29 lines
1.2 KiB
Svelte
29 lines
1.2 KiB
Svelte
<script>
|
|
import { Grid, Row, Column } from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<Grid narrow padding>
|
|
<Row>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
</Row>
|
|
</Grid>
|
|
|
|
<Grid narrow>
|
|
<Row padding>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
</Row>
|
|
<Row>
|
|
<Column padding style="outline: 1px solid var(--cds-interactive-04)">
|
|
Column
|
|
</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
|
|
</Row>
|
|
</Grid>
|