# BigDate

> Prominent date or number, typically at the top of a card.

Source: https://ui.jcsoftdev.com/docs/components/big-date

Prominent date or number, typically at the top of a card.

## Import

```ts
import { BigDate } from "@jcsoftdev/ui/atoms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/atoms/big-date`.

## Usage

```tsx
<BigDate size="normal">
  Mié 8 oct
</BigDate>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `size` | `"normal" \| "compact"` | `"normal"` |  |

`*` marks a required prop.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/atoms-bigdate--default)
- [Compact](/storybook/?path=/story/atoms-bigdate--compact)
- [As Amount](/storybook/?path=/story/atoms-bigdate--as-amount)
- [In Card](/storybook/?path=/story/atoms-bigdate--in-card)

## Source

`packages/ui/src/atoms/big-date/big-date.tsx`