Style with JavaScript
It's possible that the default styling may require a small tweak to allow it to better match your design and site aesthetic. Rather than adding CSS assets, we recommend applying a style attribute as a setup configuration option. The configurations below apply a style attributely directly to a specific element of the address finder.
Input
Address Finder Container
containerStyle
Applies additional styling to the entire Address Finder including the input field.
Input Style
inputStyle
Applies additional styling to the main input field that triggers Address Finder.
Main Style
mainStyle
Applies styling to the toggleable Address Finder (includes suggestion list and toolbar).
Suggestion List
listStyle
Applies additional styling to the suggestion list.
Suggestion Element
liStyle
Applies custom styling to every list element <li> including address suggestions and messages.
Demo
This sandbox provides a visual demonstrate of how style attribute and how it impacts the overall styling of Address Finder.