Rezi
    Preparing search index...

    Variable recipeConst

    recipe: {
        accordion: (
            colors: ColorTokens,
            params?: AccordionRecipeParams,
        ) => AccordionRecipeResult;
        badge: (
            colors: ColorTokens,
            params?: BadgeRecipeParams,
        ) => BadgeRecipeResult;
        breadcrumb: (
            colors: ColorTokens,
            params?: BreadcrumbRecipeParams,
        ) => BreadcrumbRecipeResult;
        button: (
            colors: ColorTokens,
            params?: ButtonRecipeParams,
        ) => ButtonRecipeResult;
        callout: (
            colors: ColorTokens,
            params?: CalloutRecipeParams,
        ) => CalloutRecipeResult;
        checkbox: (
            colors: ColorTokens,
            params?: CheckboxRecipeParams,
        ) => CheckboxRecipeResult;
        divider: (colors: ColorTokens) => DividerRecipeResult;
        dropdown: (
            colors: ColorTokens,
            params?: DropdownRecipeParams,
        ) => DropdownRecipeResult;
        input: (
            colors: ColorTokens,
            params?: InputRecipeParams,
        ) => InputRecipeResult;
        kbd: (colors: ColorTokens, params?: KbdRecipeParams) => KbdRecipeResult;
        modal: (
            colors: ColorTokens,
            params?: ModalRecipeParams,
        ) => ModalRecipeResult;
        pagination: (
            colors: ColorTokens,
            params?: PaginationRecipeParams,
        ) => PaginationRecipeResult;
        progress: (
            colors: ColorTokens,
            params?: ProgressRecipeParams,
        ) => ProgressRecipeResult;
        scrollbar: (colors: ColorTokens) => ScrollbarRecipeResult;
        select: (
            colors: ColorTokens,
            params?: SelectRecipeParams,
        ) => SelectRecipeResult;
        sidebar: (
            colors: ColorTokens,
            params?: SidebarRecipeParams,
        ) => SidebarRecipeResult;
        slider: (
            colors: ColorTokens,
            params?: SliderRecipeParams,
        ) => SliderRecipeResult;
        surface: (
            colors: ColorTokens,
            params?: SurfaceRecipeParams,
        ) => SurfaceRecipeResult;
        table: (
            colors: ColorTokens,
            params?: TableRecipeParams,
        ) => TableRecipeResult;
        tabs: (colors: ColorTokens, params?: TabsRecipeParams) => TabsRecipeResult;
        tag: (colors: ColorTokens, params?: TagRecipeParams) => TagRecipeResult;
        text: (colors: ColorTokens, params?: TextRecipeParams) => TextRecipeResult;
        toolbar: (
            colors: ColorTokens,
            params?: ToolbarRecipeParams,
        ) => ToolbarRecipeResult;
        tree: (colors: ColorTokens, params?: TreeRecipeParams) => TreeRecipeResult;
    } = ...

    Recipe namespace — the primary API for computing widget styles from design tokens. All recipes take a ColorTokens set (from ThemeDefinition) and return TextStyle objects.

    Type Declaration

    const colors = darkTheme.colors;
    const btn = recipe.button(colors, { variant: "solid", tone: "primary", state: "focus" });
    // btn.label: { fg: ..., underline: true, bold: true }
    // btn.bg: { bg: ... }

    Settings

    Member Visibility