blocks/launcher-grid
Type Aliases
Section titled “Type Aliases”SectionGridProps
Section titled “SectionGridProps”SectionGridProps =
HTMLAttributes<HTMLDivElement> > &object
SectionGrid props.
Type Declaration
Section titled “Type Declaration”layout?
Section titled “layout?”
optionallayout?:"split"|"desktop"
split is a page’s two-column section grid. desktop composes a home screen:
it fills and scrolls its region, centers a bounded measure, and lets
span="full" sections run across both columns.
AppGridItem
Section titled “AppGridItem”AppGridItem =
Readonly<{id:string;label:string;icon:ReactNode;disabled?:boolean;onSelect: () =>void; }>
A caller-owned App launch option.
AppGridProps
Section titled “AppGridProps”AppGridProps =
Omit<HTMLAttributes<HTMLUListElement>>,"children"> > &object
AppGrid props.
Type Declaration
Section titled “Type Declaration”items: readonly
AppGridItem[]
optionalsize?:"default"|"toy"
default is a quiet launcher. toy molds each mark into a big raised plastic
key that lifts on hover and presses in on click.
Variables
Section titled “Variables”SectionGrid
Section titled “SectionGrid”
constSectionGrid:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &object&RefAttributes<HTMLDivElement>>>>
A two-column page section grid that stacks at the compact breakpoint.
AppGrid
Section titled “AppGrid”
constAppGrid:ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLUListElement>>,"children"> > &object&RefAttributes<HTMLUListElement>>>>
A responsive launcher grid with large marks and concise labels.