Search List by vtex

The search-list block displays a search box for public lists according to the name of the owner of the list or the name of the list.

Configuration

Import the vtex.list app to your theme's peer dependencies in the manifest.json file as in the following example:

  "peerDependencies": {
    "vtex.list": "3.x"
  }

Add the search-list block to other theme block, such as the flex-layout.col. For example:

  "flex-layout.col": {
    "children": [
+     "search-list",
    ]
  }

Prop Name	Type	Description	Default value
title	string	Title for the search bar	" Find a list "
subtitle	string	Subtitle for the search bar	" Find public lists by typing the name of the list or owners "
placeholder	string	Placeholder inside the search bar	" Name of list or owners "
button	boolean	Add buttons to create list and my lists above the search bar	false

To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.