Scopes

The <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

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

The pre-defined 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

The 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.

Example#

Usage#

Properties#

Methods#

Slots#

Example

Usage

Properties

Methods

Slots