FacetValueSelector

A component for selecting facet values.

Example

Tsx

<FacetValueSelector onValueSelect={onValueSelectHandler} disabled={disabled} />

Signature

function FacetValueSelector(props: FacetValueSelectorProps): void

Parameters

props

parameterFacetValueSelectorProps

FacetValueSelectorProps

@vendure/dashboard Sourcev3.4.0

A component for selecting facet values.

Signature

interface FacetValueSelectorProps {    onValueSelect: (value: { id: string; name: string; code: string; facet: { id: string; name: string; code: string } }) => void;    disabled?: boolean;    placeholder?: string;    pageSize?: number;}

onValueSelect

property(value: { id: string; name: string; code: string; facet: { id: string; name: string; code: string } }) => void

The function to call when a facet value is selected.

The value will have the following structure:

{    id: string;    name: string;    code: string;    facet: {        id: string;        name: string;        code: string;    };}

disabled

propertyboolean

Whether the selector is disabled.

placeholder

propertystring

The placeholder text for the selector.

pageSize

propertynumber

Default:10

The number of facet values to display per page.

FacetValueSelector

@vendure/dashboard Sourcev3.4.0

A component for selecting facet values.

Example

Tsx

<FacetValueSelector onValueSelect={onValueSelectHandler} disabled={disabled} />

Signature

function FacetValueSelector(props: FacetValueSelectorProps): void

Parameters

props

parameterFacetValueSelectorProps

FacetValueSelectorProps

@vendure/dashboard Sourcev3.4.0

A component for selecting facet values.

Signature

interface FacetValueSelectorProps {    onValueSelect: (value: { id: string; name: string; code: string; facet: { id: string; name: string; code: string } }) => void;    disabled?: boolean;    placeholder?: string;    pageSize?: number;}

onValueSelect

property(value: { id: string; name: string; code: string; facet: { id: string; name: string; code: string } }) => void

The function to call when a facet value is selected.

The value will have the following structure:

{    id: string;    name: string;    code: string;    facet: {        id: string;        name: string;        code: string;    };}

disabled

propertyboolean

Whether the selector is disabled.

placeholder

propertystring

The placeholder text for the selector.

pageSize

propertynumber

Default:10

The number of facet values to display per page.