View on DevOps

Introduction

Lightstone’s Search UI is a collection of APIs, web components and libraries which allow users to quickly add search to their applications.

On this page

Search UI

Through the use of single-line, multi-line, autocomplete or map search, Search UI offers a comprehensive workflow to assist users in finding their addresses.

If none of the listed search options produce results, then the feedback loop will help us monitor client experience and guide us in improving our product development and user experience.

Quick start

Looking to quickly add search to your project?

CSS

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<link href="https://cdn.toolkit.lightstone.co.za/Lightstone.Design/v5/css/lightstone.css" rel="stylesheet">
<link href="https://cdn.toolkit.lightstone.co.za/Lightstone.Design/v5/css/lightstone-onboarding.css" rel="stylesheet">

JS

Many of our components require the use of JavaScript to function. Specifically, they require our own JavaScript plugins. Place one of the following <script>s near the end of your pages, right before the closing </body> tag, to enable them.

<script src="https://cdn.toolkit.lightstone.co.za/lightstone-search-ui/v1/scripts/lightstone-search-ui.bundle.js"><script>

Starter template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

TODO

Notes

TODO

Community

Stay up to date on the development of Search UI and reach out to the community with these helpful resources.

  • Read and subscribe to our blog.
  • Join the official Slack room.
  • Chat with fellow Lightstone Developers in IRC.
  • Implementation help may be found at Stack Overflow.
  • Developers should use the keyword community on packages that modify or add to the functionality of Search UI when distributing through npm or similar delivery mechanisms for maximum discoverability.

You can also follow @lightstonetweet on Twitter for the latest gossip and awesome content.