diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 01a034c9..b846ae43 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -3057,21 +3057,21 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :------------ | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| as | No | let | No | boolean | false | Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Row let:props><section {...props}>...</section></Row>) | -| condensed | No | let | No | boolean | false | Set to `true` to use the condensed variant | -| narrow | No | let | No | boolean | false | Set to `true` to use the narrow variant | -| noGutter | No | let | No | boolean | false | Set to `true` to remove the gutter | -| noGutterLeft | No | let | No | boolean | false | Set to `true` to remove the left gutter | -| noGutterRight | No | let | No | boolean | false | Set to `true` to remove the right gutter | -| padding | No | let | No | boolean | false | Set to `true` to add top and bottom padding to all columns | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :------------ | :------- | :--------------- | :------- | -------------------- | ------------------ | ---------------------------------------------------------- | +| tag | No | let | No | string | "div" | Specify the element tag | +| condensed | No | let | No | boolean | false | Set to `true` to use the condensed variant | +| narrow | No | let | No | boolean | false | Set to `true` to use the narrow variant | +| noGutter | No | let | No | boolean | false | Set to `true` to remove the gutter | +| noGutterLeft | No | let | No | boolean | false | Set to `true` to remove the left gutter | +| noGutterRight | No | let | No | boolean | false | Set to `true` to remove the right gutter | +| padding | No | let | No | boolean | false | Set to `true` to add top and bottom padding to all columns | ### Slots -| Slot name | Default | Props | Fallback | -| :-------- | :------ | :-------------------------------------------------------------- | :------- | -| -- | Yes | { props: { class: string; [key: string]: any; } } | -- | +| Slot name | Default | Props | Fallback | +| :-------- | :------ | :---- | :------- | +| -- | Yes | -- | -- | ### Events diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 5b7a97fe..eae3574b 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -9686,11 +9686,11 @@ "filePath": "src/Grid/Row.svelte", "props": [ { - "name": "as", + "name": "tag", "kind": "let", - "description": "Set to `true` to render a custom HTML element\nProps are destructured as `props` in the default slot (e.g.,
...
)", - "type": "boolean", - "value": "false", + "description": "Specify the element tag", + "type": "string", + "value": "\"div\"", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -9771,13 +9771,7 @@ } ], "moduleExports": [], - "slots": [ - { - "name": "__default__", - "default": true, - "slot_props": "{ props: { class: string; [key: string]: any; } }" - } - ], + "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } diff --git a/src/Grid/Row.svelte b/src/Grid/Row.svelte index fc9058e9..57e669f8 100644 --- a/src/Grid/Row.svelte +++ b/src/Grid/Row.svelte @@ -1,14 +1,10 @@ -{#if as} - -{:else} -
- -
-{/if} + + + diff --git a/types/Grid/Row.svelte.d.ts b/types/Grid/Row.svelte.d.ts index fdcda919..0abd8da1 100644 --- a/types/Grid/Row.svelte.d.ts +++ b/types/Grid/Row.svelte.d.ts @@ -4,11 +4,10 @@ import type { SvelteComponentTyped } from "svelte"; 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.,
...
) - * @default false + * Specify the element tag + * @default "div" */ - as?: boolean; + tag?: string; /** * Set to `true` to use the condensed variant @@ -50,5 +49,5 @@ export interface RowProps export default class Row extends SvelteComponentTyped< RowProps, {}, - { default: { props: { class: string; [key: string]: any } } } + { default: {} } > {}