Elements
Apps Icons
The <salla-apps-icons> web component allows users to display Google Play Store and Apple store icons to download the store's apps.
Example
...
Breadcrumb
The <salla-breadcrumb> web component is used as a navigational helper and hierarchy for pages. Breadcrumbs are used as a high-level representati...
Color Picker
The <salla-color-picker> web component is used to select a color using a variety of input methods in a pop-up modal. Listen to events when the u...
Conditional Fields
The <salla-conditional-fields> web component allows for hiding / displaying certain features in a product, such as size, where it only works if ...
Count Down
The <salla-count-down> web component is used to show the amount of time left until a given date. It's perfect for tracking important events,...
Filters
The <salla-filters> web component is used to filter data in a variety of ways, such as by text, by date, or by number. They can also be used to ...
Infinite Scroll
The <salla-infinite-scroll> web component allows for infinite scrolling to load content continuously as the user scrolls down the page, eliminat...
List Tile
The <salla-list-tile> web component is used to display listing items in a tile form, which is one of the popular ways used in E-commerce. List t...
Loading
The <salla-loading> web component is used to convey that some data is currently loading to the user, and that can be customized using the proper...
Map
The <salla-map> web component displays geographical maps from various sources. It supports multiple layers, tiled and full-image sources, adding...
Modal
The <salla-modal> web component displays a dialog box or pop-up window on top of the current page. It is positioned above all other components i...
Placeholder
The <salla-placeholder> web component is used to reserve space for content that soon will appear in a layout soon. It may include a paragraph, a...
Progress Bar
The <salla-progress-bar> web component is used to convey data visually to users. It is also designed to help users quickly interpret numerical d...
Rating Stars
This web component is used to display a form of rating scale using a star glyph or similar typographic symbol that is customizable in terms if name, s...
Reviews
The <salla-reviews> web component displays a vertically scrollable reviews, which you can customize its data source using the properties availab...
Reviews Summary
The <salla-reviews-summary> web component allows users to display the general rating out of 5 stars on the product details page. This makes it e...
Sheet
The <salla-sheet> component is the baseline for numerous components such as the Button component. It is a transformable layout, based on the pos...
Skeleton
The <salla-skeleton> web component is used to display an indication to the user that something is coming but not yet available, which means that...
Slider
The <salla-slider> component allows you to create a slider that can display multiple slides, which can be navigated by the Merchant using arrows...
Social
The <salla-social> web component allows users to click on the Store's social media accounts, such as YouTube, X (formerly Twitter), and Inst...
Social Share
The <salla-social-share> web component is used to display a menu with social media platforms and sharing capabilities in the form of email and c...
Tabs
The <salla-tabs> web component makes it possible to have several panes inside a single view. This implies the content is presented in several in...