Skip to content
Caps0.4.0
API reference

blocks/launcher-grid

Import

Section titled “Import”
Import
import * as api from "@fungi.computer/caps/blocks/launcher-grid";

Exports

Section titled “Exports”
Kind Export Description
type alias SectionGridProps SectionGrid props.
type alias AppGridItem A caller-owned App launch option.
type alias AppGridProps AppGrid props.
constant SectionGrid A two-column page section grid that stacks at the compact breakpoint.
constant AppGrid A responsive launcher grid with large marks and concise labels.

SectionGridPropstype alias

Section titled “SectionGridProps”
Signature
type SectionGridProps = HTMLAttributes<HTMLDivElement> & object;

SectionGrid props.

Type Declaration

Section titled “Type Declaration”
Name Type Description
layout? "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.

AppGridItemtype alias

Section titled “AppGridItem”
Signature
type AppGridItem = Readonly<{
  id: string;
  label: string;
  icon: ReactNode;
  status?: ReactNode;
  disabled?: boolean;
  muted?: boolean;
  onSelect: () => void;
}>;

A caller-owned App launch option.

AppGridPropstype alias

Section titled “AppGridProps”
Signature
type AppGridProps = Omit<HTMLAttributes<HTMLUListElement>, "children"> & object;

AppGrid props.

Type Declaration

Section titled “Type Declaration”
Name Type Description
items readonly AppGridItem[] -
size? "default" | "lg" default is a quiet launcher. lg gives each mark a larger key and a more spacious label. The theme supplies its material.

SectionGridconstant

Section titled “SectionGrid”
Signature
const SectionGrid: ForwardRefExoticComponent<
  HTMLAttributes<HTMLDivElement> & object & RefAttributes<HTMLDivElement>
>;

A two-column page section grid that stacks at the compact breakpoint.

AppGridconstant

Section titled “AppGrid”
Signature
const AppGrid: ForwardRefExoticComponent<
  Omit<HTMLAttributes<HTMLUListElement>, "children"> &
    object &
    RefAttributes<HTMLUListElement>
>;

A responsive launcher grid with large marks and concise labels.