diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 6e91af6b..4ba7bc16 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -568,6 +568,7 @@ export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; | noGutterLeft | let | No | boolean | false | Set to `true` to remove the left gutter | | noGutterRight | let | No | boolean | false | Set to `true` to remove the right gutter | | aspectRatio | let | No | "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1" | -- | Specify the aspect ratio of the column | +| padding | let | No | boolean | false | Set to `true` to add top and bottom padding this column | | sm | let | No | ColumnBreakpoint | -- | Set the small breakpoint | | md | let | No | ColumnBreakpoint | -- | Set the medium breakpoint | | lg | let | No | ColumnBreakpoint | -- | Set the large breakpoint | @@ -1355,6 +1356,7 @@ None. | noGutter | let | No | boolean | false | Set to `true` to remove the gutter | | noGutterLeft | let | No | boolean | false | Set to `true` to remove the left gutter | | noGutterRight | let | No | boolean | false | Set to `true` to remove the right gutter | +| padding | let | No | boolean | false | Set to `true` to add top and bottom padding to all columns | ### Slots @@ -2736,6 +2738,7 @@ None. | noGutter | let | No | boolean | false | Set to `true` to remove the gutter | | noGutterLeft | let | No | boolean | false | Set to `true` to remove the left gutter | | noGutterRight | let | No | boolean | false | Set to `true` to remove the right gutter | +| padding | let | No | boolean | false | Set to `true` to add top and bottom padding to all columns | ### Slots diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 4411396f..bc9b6537 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -4661,6 +4661,16 @@ "isFunction": false, "constant": false, "reactive": false + }, + { + "name": "padding", + "kind": "let", + "description": "Set to `true` to add top and bottom padding to all columns", + "type": "boolean", + "value": "false", + "isFunction": false, + "constant": false, + "reactive": false } ], "slots": [ @@ -4737,6 +4747,16 @@ "isFunction": false, "constant": false, "reactive": false + }, + { + "name": "padding", + "kind": "let", + "description": "Set to `true` to add top and bottom padding to all columns", + "type": "boolean", + "value": "false", + "isFunction": false, + "constant": false, + "reactive": false } ], "slots": [ @@ -4803,6 +4823,16 @@ "constant": false, "reactive": false }, + { + "name": "padding", + "kind": "let", + "description": "Set to `true` to add top and bottom padding this column", + "type": "boolean", + "value": "false", + "isFunction": false, + "constant": false, + "reactive": false + }, { "name": "sm", "kind": "let", diff --git a/src/Grid/Row.svelte b/src/Grid/Row.svelte index deb51656..5e7e5274 100644 --- a/src/Grid/Row.svelte +++ b/src/Grid/Row.svelte @@ -27,6 +27,7 @@ /** Set to `true` to add top and bottom padding to all columns */ export let padding = false; + $: props = { ...$$restProps, class: [ diff --git a/types/Grid/Column.d.ts b/types/Grid/Column.d.ts index 6cd8ec7d..79e7e09d 100644 --- a/types/Grid/Column.d.ts +++ b/types/Grid/Column.d.ts @@ -9,8 +9,7 @@ export interface ColumnSizeDescriptor { export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; -export interface ColumnProps - extends svelte.JSX.HTMLAttributes { +export interface ColumnProps extends svelte.JSX.HTMLAttributes { /** * Set to `true` to render a custom HTML element * Props are destructured as `props` in the default slot (e.g.
...
) @@ -42,7 +41,7 @@ export interface ColumnProps aspectRatio?: "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1"; /** - * Set to `true` to add top and bottom padding + * Set to `true` to add top and bottom padding this column * @default false */ padding?: boolean; diff --git a/types/Grid/Grid.d.ts b/types/Grid/Grid.d.ts index 3d3b8b7a..a0c47b7d 100644 --- a/types/Grid/Grid.d.ts +++ b/types/Grid/Grid.d.ts @@ -1,7 +1,6 @@ /// -export interface GridProps - extends svelte.JSX.HTMLAttributes { +export interface GridProps extends svelte.JSX.HTMLAttributes { /** * Set to `true` to render a custom HTML element * Props are destructured as `props` in the default slot (e.g.
...
) diff --git a/types/Grid/Row.d.ts b/types/Grid/Row.d.ts index af154393..eb9ac7d7 100644 --- a/types/Grid/Row.d.ts +++ b/types/Grid/Row.d.ts @@ -1,7 +1,6 @@ /// -export interface RowProps - extends svelte.JSX.HTMLAttributes { +export interface RowProps extends svelte.JSX.HTMLAttributes { /** * Set to `true` to render a custom HTML element * Props are destructured as `props` in the default slot (e.g.
...
)