The create-or-edit-list-modal block displays a modal for editing or creating lists.



  1. 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"
  1. Add the create-or-edit-list-modal block to other theme block, such as the responsive-layout.desktop. For example:
  "responsive-layout.desktop": {
    "children": [
+     "create-or-edit-list-modal",


Prop NameTypeDescriptionDefault value
linkIconstringIcon for the button
linkRedirectionstringPath where the user will be redirected on click.(department / category / collection)-
nameButtonstringText at the buttonAdd items
textAlignmentstringText alignment on the button (LEFT / CENTER / RIGHT)CENTER
textPositionstringText position on the button (LEFT / CENTER / RIGHT)CENTER
classesstringAdd new classes-

Did this page help you?