Search

The <salla-search> website element shows a search box, field, or bar. Its specific purpose is to accept user input for database searching. It consists of a Modal activated by the Button component, and that can be customized using the slots' parameters available.

Note

Available API Endpoints for the Search component is:

Search Products

Example

Usage

HTML

SASS

Properties

Property	Attribute	Description	Type	Default
Height	`height`	Adjusts the height of the search input Bar	`number`	`'60'`
Inline	`inline`	Sets the component display without the pop-up modal window	`boolean`	`'false'`
Oval	`oval`	Creates the Search Bar in an oval shape by adding a border radius to the input	`boolean`	`'false'`

Slots

Theslots makes it customizable to modify certain labels, such as product where developers can self-modify labels of name, price, regular_price, and image.

Slot	Description
`product`	In the results, the products card outcome is replaced by the following replaceable props: `{name}`, `{price}`, `{regular_price}`, `{image}`.

Example#

Usage#

Properties#

Slots#

Example

Usage

Properties

Slots