Skip to main content

<st-date-tile>

JSON type: DateTile

A calendar date tile: a month band over a large day number, as used for due dates. tone colours the month band: default for a neutral date, warning for due soon, danger for overdue. The tile's box sits on an inner element, so an outer page's CSS reset can't remove its border.

Usage​

import '@sankhyatronics/sankhya-cms/date-tile'; // registers <st-date-tile>

Properties​

PropertyAttributeTypeDefaultDescription
monthmonthstring''Month abbreviation shown in the band (for example "NOV").
daydaystring''Day of the month (for example "11").
tonetone'default' | 'warning' | 'danger''default'Colour of the month band.

See the live examples in Storybook.