Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
List Modal
vtex.list
Version: 3.6.4
Latest version: 3.6.4

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

{"base64":"  ","img":{"width":1416,"height":530,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":195310,"url":"https://user-images.githubusercontent.com/67066494/190409971-debe7831-256c-4849-9f01-a1789a03120e.gif"}}

Configuration

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

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

  1. Add the create-or-edit-list-modal block to other theme block, such as the responsive-layout.desktop. For example:

_10
"responsive-layout.desktop": {
_10
"children": [
_10
+ "create-or-edit-list-modal",
_10
]
_10
}

Props

Prop NameTypeDescriptionDefault value
linkIconstringIcon for the buttonhttps://vtex.vtexassets.com/assets/vtex/assets-builder/vtex.list-theme/0.11.0/ico_plus_blue___c42684ec58c4f1545ce21a4e355211c8.svg
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-
See also
Vtex.list
VTEX IO Apps
VTEX App Store
VTEX IO Apps