svelte-cartesian
Advanced tools
Comparing version
{ | ||
"name": "svelte-cartesian", | ||
"version": "1.0.5", | ||
"version": "1.0.6", | ||
"description": "A single component that helps render prop combinations (the \"Cartesian Product\") for visual regression testing.", | ||
@@ -5,0 +5,0 @@ "type": "module", |
@@ -213,10 +213,10 @@ # Svelte Cartesian | ||
| prop | type | description | | ||
| ----------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------- | | ||
| `Component` | `ComponentType` | **Required**: A Svelte component. | | ||
| `props` | `Record<string, any[]>` | **Required**: An object containing prop names and an array of potential values. | | ||
| `asChild` | `?boolean=false` | Renders the default slot's contents. Each Cartesian's iteration will pass `innerProps` as slot props. Default value `false`. | | ||
| `unstyled` | `?boolean=false` | Disable built-in CSS. | | ||
| `divAttributes` | `?SvelteHTMLElements["div"]={}` | Any additional props will be spread onto the wrapping `<div>` element as attributes via `$$restProps`. | | ||
| `let:innerProps` | `Record<string, any>` | Provides a single combination of props at every iteration. Use this alongside `asChild` to spread `innerProps` to your nested component. | | ||
| prop | type | description | | ||
| ---------------- | ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | | ||
| `Component` | `ComponentType` | **Required**: A Svelte component. | | ||
| `props` | `Record<string, any[]>` | **Required**: An object containing prop names and an array of potential values. | | ||
| `asChild` | `?boolean=false` | Renders the default slot's contents. Each Cartesian's iteration will pass `innerProps` as slot props. Default value `false`. | | ||
| `unstyled` | `?boolean=false` | Disable built-in CSS. | | ||
| `divAttributes` | `?SvelteHTMLElements["div"]={}` | Attributes to be spread onto the wrapping `<div>` element. | | ||
| `let:innerProps` | `Record<string, any>` | Provides a single combination of props at every iteration. Use this alongside `asChild` to spread `innerProps` to your nested component. | | ||
@@ -272,8 +272,8 @@ ### Examples (Svelte 4) | ||
| prop | type | description | | ||
| ----------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------- | | ||
| `Component` | `ComponentType` | **Required**: A Svelte component. | | ||
| `props` | `Record<string, any[]>` | **Required**: An object containing prop names and an array of potential values. | | ||
| `unstyled` | `?boolean=false` | Disable built-in CSS. | | ||
| `divAttributes` | `?SvelteHTMLElements["div"]={}` | Any additional props will be spread onto the wrapping `<div>` element as attributes via `$$restProps`. | | ||
| prop | type | description | | ||
| --------------- | ------------------------------- | ------------------------------------------------------------------------------- | | ||
| `Component` | `ComponentType` | **Required**: A Svelte component. | | ||
| `props` | `Record<string, any[]>` | **Required**: An object containing prop names and an array of potential values. | | ||
| `unstyled` | `?boolean=false` | Disable built-in CSS. | | ||
| `divAttributes` | `?SvelteHTMLElements["div"]={}` | Attributes to be spread onto the wrapping `<div>` element. | | ||
@@ -280,0 +280,0 @@ ## Project roadmap |
16685
1.12%