Scopes
<salla-Scopes> web component shows a list of scopes (Branches) owned by the store. It consists of Button component that enables the addition of a header component, and that can be customized using the properties' parameters.Example
Usage
HTML
JS
SASS
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| Search Display Limit | search-display-limit | Determines when to show the search field | number | 6 |
| Selection | selection | Either optionally open the modal or enforce the pop-up to the viewer | `"mandatory" | "optional" | | optional |
Methods
methods allow for calling functions built by Salla to carry out certain actvities, such as show and/or hide the component.| Method | Description | Return Type |
|---|---|---|
close() | Closes the scope modal dialog. | Promise<HTMLElement> |
open(mode?: any, product_id?: number) | Opens the scope modal dialog. | Promise<any> |
handleSubmit() | Submits a form which modifies the existing scopes. | Promise<any> |
Slots
slots makes it customizable to modify certain labels, such as footer| Slot | Description |
|---|---|
footer | This slot utilizes the "handleSubmit" method to submit the form. The bottom section of the component, which is used for form action. |