List Modal

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

Configuration

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  }

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  }

Prop Name	Type	Description	Default value
linkIcon	string	Icon for the button	https://vtex.vtexassets.com/assets/vtex/assets-builder/vtex.list-theme/0.11.0/ico_plus_blue___c42684ec58c4f1545ce21a4e355211c8.svg
linkRedirection	string	Path where the user will be redirected on click.(department / category / collection)	-
nameButton	string	Text at the button	Add items
textAlignment	string	Text alignment on the button (LEFT / CENTER / RIGHT)	CENTER
textPosition	string	Text position on the button (LEFT / CENTER / RIGHT)	CENTER
classes	string	Add new classes	-