QuanticRefineToggle

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>
  <div slot="refine-title">Custom Title</div>
  <div slot="button-content">
    Custom Label
    <lightning-icon size="x-small" icon-name="utility:filterList" alternative-text={buttonLabel}
      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

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: