Country Select Layout provides correct layout for the Country Switch.
The Country Select Countries is part of Country Select component.
Provide instructions to inform users what to do when the IP they connect from, is not from a country with a country site.
<!-- 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>
The following stylesheets are required to display this component.
The following additional stylesheets are used to display the example(s).
The following javascripts are required to display this component.
Usage documentation can be found here.
Changelog
Added
- Adjustments to support IP lookup version of Country Select Lookup
- Initial draft























































