mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add padding prop to Grid component

Browse source
This commit is contained in:
Richard O'flynn 2020-11-27 01:20:36 +00:00
commit 9af756bd4b
9 changed files with 88 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/Grid.svx
View file

@ -33,3 +33,7 @@ components: ["Grid", "Row", "Column"]
### Aspect ratio columns
<FileSource src="/framed/Grid/AspectRatioColumns" />
### Padded columns
<FileSource src="/framed/Grid/PaddedGrid" />

29
docs/src/pages/framed/Grid/PaddedGrid..svelte Normal file
View file

@ -0,0 +1,29 @@
<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>