Country Select Layout
v0.0.0
Country Select Layout provides correct layout for the Country Switch.
The Country Select Countries is part of Country Select component.
Select your country website
Provide instructions to inform users what to do when the IP they connect from, is not from a country with a country site.
North America
International Markets
North America
Toggle
North America
International Markets
Toggle
International Markets
Europe
Toggle
Europe
<!-- Container (mods: --column) -->
<div class="vi-container vi-container--column">
<!-- Country Select Layout -->
<div class="vi-country-select-layout">
<div class="vi-country-select-layout__section--title">
<!-- Use h1-h6 depending page hierarchy -->
<h1 class="vi-country-select-layout__title">Select your country website</h1>
</div>
<div class="vi-country-select-layout__section--lookup">
<!-- Country Select Lookup -->
...
</div>
<div class="vi-country-select-layout__section--countries">
...
</div>
</div>
</div>Stylesheets #
The following stylesheets are required to display this component.
The following additional stylesheets are used to display the example(s).
JavaScript #
The following javascripts are required to display this component.
Usage documentation #
Usage documentation can be found here.
Changelog #
Changelog
Added
- Adjustments to support IP lookup version of Country Select Lookup
- Initial draft