BigDate

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

Import

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

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

Usage

<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
• Compact
• As Amount
• In Card

Source

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