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.
)