SearchInput

This package provides the SearchInput web component.

Installation

Install the component using npm:

npm install @ucalgary-design-system/search-input

Usage

Import the component into your application:

import "@ucalgary-design-system/search-input";

Use the component in your HTML:

<ucds-search-input></ucds-search-input>

💡 Our components automatically load global design tokens when first used. You don’t need to import them manually!

Development

Build the component:

npm run build

Alternatively, build from the monorepo root:

npm run build -w @ucalgary-design-system/ucds-search-input

Run storybook from the monorepo root.

Testing

Run the test from this package:

npm run test

Alternatively, run the tests from the monorepo root:

npm run test -w @ucalgary-design-system/ucds-search-input