# DayChip

> Compact single-line chip for a day marker.

Source: https://ui.jcsoftdev.com/docs/components/day-chip

Compact single-line chip for a day marker.

## Import

```ts
import { DayChip } from "@jcsoftdev/ui/calendar";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/calendar/day-chip`.

## Usage

```tsx
<DayChip marker={marker} />
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `marker` * | `CalendarMarker` |  |  |
| `onOpen` | `((id: string) => void)` |  |  |
| `className` | `string` |  |  |

`*` marks a required prop.

## Storybook stories

- [Default](/storybook/?path=/story/calendar-daychip--default)
- [Accent](/storybook/?path=/story/calendar-daychip--accent)
- [Without Subtitle](/storybook/?path=/story/calendar-daychip--without-subtitle)
- [Truncated](/storybook/?path=/story/calendar-daychip--truncated)

## Source

`packages/ui/src/calendar/day-chip/day-chip.tsx`