TextInput

This package provides the TextInput web component.

Installation

Install the component using npm:

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

Usage

Import the component into your application:

import '@ucalgary-design-system/text-input';

Use the component in your HTML:

<ucds-text-input></ucds-text-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-text-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-text-input