Item

A row of a list: media, a title, a line and actions.

density

scheme

Deploy finished

2 minutes ago

Production is live.

forSlots(ItemSlots)(Recipes.Item({}))

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 ItemStyle = forSlots(ItemSlots)(Recipes.Item({}))

export const item = (style: NamedStyle<typeof ItemSlots>, h: HtmlBuilder<never>): Html =>
  Item.view(
    {
      media: h.span([h.AriaHidden(true)], ['●']),
      title: 'Deploy finished',
      description: '2 minutes ago',
      content: h.span([], ['Production is live.']),
      style,
    },
    h,
  )

The recipe ↗This code ↗