# CheckList

> Checked claim rows for landing CTAs and hero support lists.

```ts
import { CheckList } from "@sdxc/ui/landing";
```

Lays CheckRow children as a stacked claim list or a wrapping
horizontal cluster under CTAs.

## Examples

```tsx
<CheckList>
	<CheckRow>{t("claim.one")}</CheckRow>
	<CheckRow>{t("claim.two")}</CheckRow>
</CheckList>
```

```tsx
<CheckList orientation="horizontal">
	<CheckRow>{t("claim.fast")}</CheckRow>
	<CheckRow>{t("claim.free")}</CheckRow>
</CheckList>
```

## Props

| Prop | Type | Description |
| --- | --- | --- |
| `orientation?` | `"stacked" \| "horizontal"` | Layout axis. Defaults to DEFAULT_ORIENTATION. |
| `children` | `RemixNode` | One or more CheckRow items. |

Also accepts everything in `TagProps<"ul">`.


## Types

| Name | Values | What it decides |
| --- | --- | --- |
| `Orientation` | `"stacked" \| "horizontal"` | Whether rows stack as a claim list or wrap as a horizontal cluster under a hero CTA. |

## Also exported

- `CheckRow`