1. Elements
Salla Platform Docs
  • Overview
  • Usage
  • Components Customization
  • Predefined vs Bundle Components
  • Elements
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Skeleton
    • Slider
    • Social Share
    • Tabs
    • Apps Icons
    • Breadcrumb
    • Social
    • Reviews
    • Reviews Summary
    • Color Picker
    • Modal
    • Sheet
    • Notifications
  • Form
    • Button
    • Date Time Picker
    • Tel Input
    • Select
    • File Upload
    • Menu
    • Bottom Alert
    • Contacts
    • Quantity Input
    • Edit Order Button
  • Product
    • Product Card
    • Quick Buy
    • Meta Data
    • Payments
    • Comments
    • Orders
    • Conditional Offer
    • Installment
    • Add Product
    • Gifting
    • Offer
    • Offer Modal
    • Product Availability
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Order
    • Scopes
    • Search
    • Advertisement
    • Multiple Bundle Product
    • Order Details
  • User
    • Cart Summary
    • User Menu
    • User Profile
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Settings
    • Verify
  • Component Bundle
    • Directory Structure
    • Create Bundle
    • Setup Bundle
    • Publish Bundle
    • Publish Bundle Requirements
    • Getting Started
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Elements

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 tile component allows this style of display to be applied while supporting various properties and slots to customize the component.

Example#

List Tile

Usage#

HTML

Properties#

PropertyAttributeDescriptionTypeDefault
HrefhrefDesignates the component as anchor and applies the href attribute.stringundefined
TargettargetDesignates the target attribute. This should only be applied when using the href prop."_blank" | "_parent" | "_self" | "_top" | "framename""_self"

Slots#

Theslots makes it customizable to modify certain labels, such as action.
SlotDescription
actionAn element to display after the title.
iconAn icon to display before the title.
subtitleAdditional content displayed below the title.
titleThe primary content of the list tile.
Modified at 2026-07-09 11:27:26
Previous
Infinite Scroll
Next
Loading