@cfxlabsinc/b2b-services
    Preparing search index...

    Type Alias FacetPillProps

    A dashed, always-visible "facet" pill that opens a popover editor — the shared building block for a drilldown/facet bar. It's deliberately state-agnostic: the trigger just shows a label (plus an optional applied-value summary and a count badge), and the popover body is whatever the caller renders. That lets one pill serve both a client-state facet (toggle values in place) and a URL-driven filter (the editor navigates on Apply and calls close).

    renderEditor(close) receives a dismiss callback so an Apply control can shut the popover after it commits.

    type FacetPillProps = {
        contentAlign?: "start" | "center" | "end";
        contentClassName?: string;
        count?: number;
        disabled?: boolean;
        label: string;
        onOpenChange?: (open: boolean) => void;
        open?: boolean;
        renderEditor: (close: () => void) => ReactNode;
        summary?: ReactNode;
    }
    Index
    contentAlign? contentClassName? count? disabled? label onOpenChange? open? renderEditor summary?
    contentAlign?: "start" | "center" | "end"
    contentClassName?: string

    Extra classes on the popover content (width, padding).

    count?: number

    Count badge (e.g. number of selected values). 0/undefined hides it.

    disabled?: boolean
    label: string
    onOpenChange?: (open: boolean) => void
    open?: boolean

    Controlled open state (optional); omit for self-managed.

    renderEditor: (close: () => void) => ReactNode

    Popover body. close dismisses the popover.

    summary?: ReactNode

    Applied-value summary; when set, the pill reads "label: summary".

    Settings
    Member Visibility

    On This Page
    Properties