QuanticRefineToggle

This is for:

Developer System Administrator

The QuanticRefineToggle component displays a button that is used to open the refine modal.

Example

<c-quantic-refine-toggle engine-id={engineId} hide-sort full-screen title="Filters" disable-dynamic-navigation>
  <div slot="refine-title">Custom Title</div>
  <div slot="button-content">
    Custom Label
    <lightning-icon size="x-small" icon-name="utility:filterList" alternative-text="Filters"
      class="custom-refine-icon slds-current-color slds-var-p-vertical_x-small slds-button__icon_right">
    </lightning-icon>
  </div>
</c-quantic-refine-toggle>

Properties

Property Attribute Description Type Default

engineId (required)

engine-id

The ID of the engine instance the component registers to.

string

hideSort (required)

hide-sort

Indicates whether the Quantic Sort component should be hidden.

boolean

fullScreen

full-screen

Indicates whether the refine modal will be opened in full screen.

boolean

false

title (required)

title

The title of the toggle button.

string

disableDynamicNavigation

disable-dynamic-navigation

Indicates whether to disable the dynamic navigation feature according to the dynamic navigation experience.

boolean

false

XML Configuration File Elements

The following XML configuration file elements apply (see XML Configuration File Elements).

Metadata Value

apiVersion

54.0

isExposed

false

Associated Use Cases

This component is also relevant in the following use case: