Button

An action, in three tones, five treatments and three sizes.

tone

variant

size

scheme

forSlots(ButtonSlots)(Recipes.Button({}))

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 ButtonStyle = forSlots(ButtonSlots)(Recipes.Button({}))

export const button = (style: NamedStyle<typeof ButtonSlots>, h: HtmlBuilder<never>): Html =>
  Button.view({ label: 'Save changes', style }, h)

The recipe ↗This code ↗