---
title: CheckboxCard
category: Forms
---

```jsx live
render(
  <StackView axis="horizontal" distribution="fill" spacing={2}>
    {[
      {
        name: 'Band rehearsal',
        date: 'Wednesday 10AM',
      },
      {
        name: 'Drum practice',
        date: 'Friday 3PM',
      },
      {
        name: 'Choir rehearsal',
        date: 'Tuesady 6AM',
      },
    ].map(({ name, date }) => (
      <CheckboxCard key={name} title={name} subtitle={date} />
    ))}
  </StackView>
)
```