Terminus Open-Source Software

Monorepo that contains all Terminus open-source packages.

Table of Contents

• Packages
  • Live Demos
  • Generated Documentation

Packages

| Package | Description | Changelog | Demo | Docs | Coverage | @latest | @next | |---------------------------------------------------|--------------------------------------------------------------|--------------------------------------------|----------------------------------|----------------------------------|------------------------------------------|---------------------------------------------------------------|------------------------------------------------------------| | design-tokens | Terminus design tokens in CSS/SCSS/JS/JSON form | Changelog | Demo | | | | | | eslint-config-frontend | ESLint configuration for front-end repos | Changelog | | Docs | | | | | fe-jwt | A collection of helpers for dealing with JWT tokens | Changelog | | Docs | | | | | fe-testing | A collection of helpers to facilitate testing UI components | Changelog | | Docs | | | | | fe-utilities | A collection of tools and utilities | Changelog | | Docs | | | | | stylelint-config-frontend | StyleLint configuration for front-end repos | Changelog | | Docs | | | | | ui-autocomplete | Deprecated. See selection-list | Changelog | Demo | Docs | | | | | ui-autofocus | Focus a focusable element on load | Changelog | Demo | Docs | | | | | ui-badge | See chip | | Demo | | | | | | ui-button | | Changelog | Demo | Docs | | | | | ui-card | Presentational card | Changelog | Demo | Docs | | | | | ui-chart | Charts, graphs etc | Changelog | Demo | Docs | | | | | ui-chip | Chip | Changelog | Demo | Docs | | | | | ui-checkbox | | Changelog | Demo | Docs | | | | | ui-cohort-date-range | CohortDateRange | Changelog | Demo | Docs | | | | | ui-confirmation | Add a confirmation step to any ts-button | Changelog | Demo | Docs | | | | | ui-copy | Component to easily copy string values | Changelog | Demo | Docs | | | | | ui-csv-entry | Manually enter CSV values | Changelog | Demo | Docs | | | | | ui-datepicker | See TsInputComponent | | Demo | Docs | | | | | ui-date-range | Dual inputs with calendar pop-ups | Changelog | Demo | Docs | | | | | ui-drawer | Slide-out drawer panel | Changelog | Demo | Docs | | | | | ui-expansion-panel | Expansion panel with accordion & stepper functionality | Changelog | Demo | Docs | | | | | ui-file-upload | File upload with drag and drop | Changelog | Demo | Docs | | | | | ui-icon | Supported: https://fontawesome.com/icons?d=gallery&s=solid | Changelog | Demo | Docs | | | | | ui-icon-button | Icon only button | Changelog | Demo | Docs | | | | | ui-input | Input with masking, datepicker, etc | Changelog | Demo | Docs | | | | | ui-link | | Changelog | Demo | Docs | | | | | ui-loading overlay | Overlay with loading spinner | Changelog | Demo | Docs | | | | | ui-login form | DEPRECATED | Changelog | | Docs | | | | | ui-logo | Variations of the official logo, certain colors available | Changelog | Demo | Docs | | | | | ui-menu | | Changelog | Demo | Docs | | | | | ui-option | Option element for TsSelectionList | Changelog | Demo | Docs | | | | | ui-navigation | Global navigation menu | Changelog | Demo | Docs | | | | | ui-paginator | Paging controls for collections | Changelog | Demo | Docs | | | | | ui-pipes | A collection of pipes for Angular | Changelog | Demo | Docs | | | | | ui-popover | Popover with templates | Changelog | Demo | Docs | | | | | ui-radio-group | | Changelog | Demo | Docs | | | | | ui-scrollbars | Custom scrollbars for both axis' | Changelog | Demo | Docs | | | | | ui-search | Input with search capabilities | Changelog | Demo | Docs | | | | | ui-select | Deprecated. See selection-list | Changelog | Demo | Docs | | | | | ui-selection-list | Classic select dropdown / autocomplete | Changelog | Demo | Docs | | | | | ui-spacing | Helpers for consistent spacing | Changelog | Demo | Docs | | | | | ui-sort | Used by table for column sorting | Changelog | (see table demo) | Docs | | | | | ui-styles | A collection of base CSS, SCSS mixins and functions. | Changelog | | Docs | | | | | ui-table | Datatable w/pinning, sorting, resizing | Changelog | Demo | Docs | | | | | ui-tabs | Horizontal tab interface | Changelog | Demo | Docs | | | | | ui-textarea | See input | | | | | | | | ui-toggle | Toggle switch | Changelog | Demo | Docs | | | | | ui-tooltip | Simple tooltip | Changelog | Demo | Docs | | | | | ui-validation-messages | A component to display form validation errors | Changelog | Demo | Docs | | | ![Validation Messages next][badge-next-validationMessages] | | ui-validators | A collection of form validators | Changelog | Demo | Docs | | | ![Validators next][badge-next-validators] |

| App | Description | | |----------------------------------------|--------------------------------------|-----------------------------------| | UI Showcase | Various live demos | Visit Site | | Tokens Showcase | Live reference for our design tokens | Visit Site |

Live Demos

See the 'demos' column in the table above.

We are slowly moving our documentation to a Storybook deployed by Chromatic.

During this conversion, all legacy demos can be viewed here: https://getterminus.github.io/ui-demos-release

Generated Documentation

http://uilibrary-docs.terminus.ninja/release

[