Components

Alert

A message that asks for attention, in four tones.

tone
scheme

A new version is out

Reload to pick up the latest fixes. Your drafts are kept.

forSlots(AlertSlots)(Recipes.Alert({}))

Usage

The function that drew the preview, over the theme module Create a theme writes. The preview passes it the style picked above instead of its default.

export const AlertStyle = forSlots(AlertSlots)(Recipes.Alert({}))

export const alert = (style: NamedStyle<typeof AlertSlots>, h: HtmlBuilder<never>): Html =>
  Alert.view(
    {
      title: 'A new version is out',
      description: 'Reload to pick up the latest fixes. Your drafts are kept.',
      style,
    },
    h,
  )

The recipe ↗This code ↗