CheckboxCard

<Box space={3}>
  <CheckboxCard
    disabled
    hint="Value"
    description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
    title="Lorem ipsum"
  />
  <CheckboxCard
    fixed
    hint="Value"
    description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
    title="Lorem ipsum"
  />
  <CheckboxCard
    hint="Value"
    value={false}
    description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
    title="Lorem Ipsum"
  />
  <CheckboxCard
    hint="Value"
    value={true}
    description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
    title="Lorem Ipsum"
  />
</Box>

<Box space={3}>
  <CheckboxCard value={true} title="Sedan" noControl />
  <CheckboxCard value={false} title="Hatchback" noControl />
</Box>

<CheckboxCard
  hint="Value"
  value={true}
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
  title="Lorem Ipsum">
  <SelectInput name="brand" label="Brand">
    <option value="" />
    <option value="mercedes">Mercedes</option>
    <option value="volvo">Volvo</option>
    <option value="audi">Audi</option>
    <option value="skoda">Skoda</option>
  </SelectInput>
</CheckboxCard>

<Box space={3} direction="row">
  <CheckboxCard value={true} title="Dragkrok" noControl />
  <CheckboxCard value={false} title="Dubbla nycklar" noControl />
</Box>

<Grid columns="repeat(2, 1fr)" gap={3}>
  <CheckboxCard value={true} title="Dragkrok" noControl />
  <CheckboxCard value={false} title="Dubbla nycklar" noControl />
</Grid>