HTML Element Settings

The following settings can be set for each individual HTML code and are reactive.

data-vs-theme

Type: String | undefined
Default: undefined

Overwrites the global theme setting for the particular component instance.

data-vs-tooltips

Type: boolean
Default: undefined (falls back to global tooltip setting, which defaults to true)

When true, tooltips for the Available In component will display on hover/focus. When false, tooltips will not display.

Display Information Settings

The following settings deside what delivery information is displayed. See Explanation of Data for more information. At least one of the following sections must be enabled in order to display properly.

As a reminder, you can also set these settings in the Vinoshipper Injector Configuration to apply to all instances of Available In.

data-vs-ships-to

Type: boolean
Default: true

When enabled, displays the list of states the producer is able to ship alcoholic products to.

data-vs-other-delivery

Type: boolean
Default: true

When enabled, displays other delivery information when enabled by the producer account. This includes pick-up and/or local delivery options.

data-vs-restricted

Type: boolean
Default: true

When enabled, displays the list of states where some alcoholic products are restricted.

data-vs-not-ships-to

Type: boolean
Default: false

When enabled, displays list of states that are unavailable to ship alcoholic products to.