## Cell Props

| Name         | Type                                                              | Default   | Required | Description                  |
| ------------ | ----------------------------------------------------------------- | --------- | -------- | ---------------------------- |
| title        | `string`                                                          | `''`      | N        | Title.                       |
| detail       | `string`                                                          | `''`      | N        | Right detail.                |
| left         | `null`\|[`Icon`](https://stdf.design/#/components?nav=icon&tab=1) | `null`    | N        | Leftmost content.            |
| right        | `null\|'arrow'\|CellRight`                                        | `'arrow'` | N        | Rightmost content.           |
| subTitle     | `string`                                                          | `''`      | N        | Left subtitle.               |
| info         | `string`                                                          | `''`      | N        | Right secondary info.        |
| line         | `boolean`                                                         | `false`   | N        | Show bottom divider.         |
| my           | `'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8'`                               | `'4'`     | N        | Vertical margin.             |
| mx           | `'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8'`                               | `'2'`     | N        | Horizontal margin.           |
| radius       | `'none'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'\|'full'`                 | `'lg'`    | N        | Border radius style.         |
| switchActive | `boolean`                                                         | `false`   | N        | Switch state.                |
| shadow       | `'none'\|'sm'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'`                   | `'sm'`    | N        | Shadow style.                |
| injClass     | `string`                                                          | `''`      | N        | Inject CSS class name.       |
| love         | `boolean`                                                         | `false`   | N        | Enable care version.         |
| clickAll     | `boolean`                                                         | `true`    | N        | Click entire row to trigger. |

## Cell Events

| Name    | Type         | Params | Description    |
| ------- | ------------ | ------ | -------------- |
| onclick | `() => void` | -      | Click callback |

## Cell Snippets

| Name        | Type                                                                | Params | Description        |
| ----------- | ------------------------------------------------------------------- | ------ | ------------------ |
| leftChild   | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -      | Leftmost content.  |
| rightChild  | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -      | Rightmost content. |
| detailChild | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -      | Detail content.    |

## CellGroup Props

| Name   | Type                                              | Default | Required | Description        |
| ------ | ------------------------------------------------- | ------- | -------- | ------------------ |
| my     | `'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8'`               | `'4'`   | N        | Vertical margin.   |
| mx     | `'0'\|'1'\|'2'\|'3'\|'4'\|'6'\|'8'`               | `'2'`   | N        | Horizontal margin. |
| radius | `'none'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'\|'full'` | `'lg'`  | N        | Border radius.     |
| shadow | `'none'\|'sm'\|'base'\|'md'\|'lg'\|'xl'\|'2xl'`   | `'sm'`  | N        | Shadow style.      |

## CellGroup Snippets

| Name     | Type                                                                | Params | Description                                      |
| -------- | ------------------------------------------------------------------- | ------ | ------------------------------------------------ |
| children | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -      | Cell Group content, usually multiple Cell items. |

## CellRight

```javascript
type CellRight = {
	type: 'switch' | 'icon';
	switch?: Switch;
	icon?: Icon;
};
```