Skip to content
TIS Design System

Angular integration

The Angular output is a native, independent library. It reuses the visual contract from ds-tis/css, but does not import components, source, or runtime from the Web and React outputs.

Validated installation

Section titled “Validated installation”
Terminal window
npm install ./dist/tis-angular-0.0.0-beta.0.tgz ds-tis

In the application’s global CSS:

@import "ds-tis/css";
@import "@angular/cdk/overlay-prebuilt.css";

Current coverage

Section titled “Current coverage”
  • @tis/angular/accordion: standalone directives over Angular Aria;
  • @tis/angular/button: standalone component with a native button;
  • @tis/angular/checkbox: standalone component with a native checkbox and Angular Forms;
  • @tis/angular/combobox: standalone component with Angular Aria, local filtering, Form Field, and Angular Forms;
  • @tis/angular/input: standalone component with a native input, Form Field, and Angular Forms;
  • @tis/angular/menu: standalone directives over Angular Aria for Action Menu;
  • @tis/angular/modal: standalone component over CDK Overlay/Portal/A11y;
  • @tis/angular/popover: standalone component over CDK Overlay/Portal/A11y;
  • @tis/angular/radio: standalone group with native radios and Angular Forms;
  • @tis/angular/select: standalone component with a native select and Angular Forms;
  • @tis/angular/tabs: standalone directives over Angular Aria;
  • @tis/angular/textarea: standalone component with a native textarea, counter, and Angular Forms;
  • @tis/angular/toggle: standalone component with a native switch and Angular Forms;
  • @tis/angular/tooltip: standalone component over CDK Overlay/Portal;

Each entrypoint has independent imports, bundles, and tests. Consumer checks cover production build, forms/submit, keyboard, focus, responsiveness, theme, and Axe.