GC Design System Components Installation Page templates Contact us Get involved Find a demo GC Design System Components

Search
<gcds-search>

Also called: search bar, site search box, search field.

Search is a space for entering keywords to find relevant information.

Search component preview

Build a search component

Use the search component so people can find information based on keywords.

Set up search for content on Canada.ca

Opt to replace the search endpoint for applications or transactional sites

Get your code

Generate an instance of the component you need by selecting its code properties.

  1. Explore by choosing different code values to generate the instance you want.

  2. Get the code and pull it into your environment.

  3. Add any copy you need to the component (like text for a label).

Note: The code builder uses English for all code elements, which follows standard practice.

Help us improve

Have questions or a request? Give feedback on our contact form.

Something's wrong? Raise it through GitHub with an account. You'll have access to the team's direct responses, progress made on your issue, and issues raised by others.

Give feedback Report an issue on GitHub
2024-02-21