Empty
What a list shows before it has anything in it.
No projects yet
Create one to get started.
forSlots(EmptySlots)(Recipes.Empty({}))
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 EmptyStyle = forSlots(EmptySlots)(Recipes.Empty({}))
export const empty = (style: NamedStyle<typeof EmptySlots>, h: HtmlBuilder<never>): Html =>
Empty.view(
{
title: 'No projects yet',
description: 'Create one to get started.',
action: Button.view({ label: 'New project', style: ButtonStyle }, h),
style,
},
h,
)