JSPM

Webpack plugin that warns you when multiple versions of the same package exist in a build.

Terra Javascript Package

The terra-image component provides styling for visual imagery.

This component is used to provide margin and/or padding space between two components based on the given values.

The terra-button component provides users a way to trigger actions in the UI.

The terra-icon component is used to visually represent a literal or symbolic object intended to initiate an action, communicate a status, or navigate the workflow.

The abstract modal is a structural component that provides the ability to display portal'd content in a layer above the app.

The arrange component is used for horizontally arranging and vertically aligning a single row of container elements.

Toggle component that transitions content in and out.

The base component sets minimal global styles for an application.

The ModalManager is a DisclosureManager implementation that presents disclosed content using an AbstractModal.

The terra-action-header component is a header bar containing a title and optional actionable items such as links and buttons.

A component that utilizes the `react-transition-group` library to present a stack of components in an animated fashion

The terra-action-footer component is a footer bar that contains sockets for placing actionable items such as buttons and hyperlinks. The default variation contains a start and end socket, while the centered variation has only a center socket. If no action

The terra-responsive-element conditionally renders components based on viewport size

The Terra Hookshot component positions portaled content according to target and content attachments, ensuring they stay visually connected.

The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention. The Alert component supports a number of built-in notification types that render with pre

The Terra Table component provides user a way to display data in an accessible table format.

The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components. Components can override these base styles as needed in their specific component CSS. In some cases,

Text that is designed to only be read by a screen reader.

The Terra List is a structural component to arrange content within list/listitems.

The Terra ContentContainer is a structural component for the purpose of arranging content with a header.

The divider component is used to visually separate content on a layout.

The terra hyperlink component allows linking to other web pages, files, locations within the same page, email addresses, or any other URL.

The terra-i18n package provides on-demand internationalization of React components.

The Terra SlidePanel component is a progressive disclosure mechanism that allows additional content to be shown and hidden in a variety of ways.

Contains components and utilities related to Terra's supported responsive breakpoints

The terra-mixins component supplies global mixins for use throughout the Terra ecosystem.

The grid component provides a flexbox based grid system.

React component to render a table view for the props metadata of another react component.

The terra-scroll is a content view that hides data accessible with scrolling and provides a refCallback.

The Terra Popup is higher order component that launches terra-hookshot positioned content with the ability to display a dynamic arrow.

The Terra Form Checkbox is a responsive input component rendered as a box. When activated, a check mark shall appear. Focus can be activated through tabbing and the checked state can be toggled with the space bar.

Terra includes styling for all standard headings `h1` through `h6`, as well as styles that match the size of their respective heading.

Provides an adjustable template for documentation pages.

Element for building out inputs in a form.

The Overlay component is a component that creates an semi-transparent overlay screen that blocks interactions with the elements underneath the display. There are two types of overlays: fullscreen and relative to its container.

A stateful component used to manage disclosure presentation.

The Terra Button Group component groups buttons and can maintain a toggle selection state.

A react context to provide the current theme.

The status view component provides an icon, title, message, and buttons inside a view.

The menu is a popup component that displays a list of items, item groups, and dividers. Menu Items can be actionable, have toggle-style selection, or have nested submenu items. Menu Item groups are a single-select grouping of menu items. The Menu will det

A set of components to use in documentation.

The terra-toolbar component is used to display bar containing items such as buttons, button groups, and links.

The Form Field component handles the layout of the label, help text and error text associated with a form element.

The theme provider component provides a theme to Terra UI components rendered within it via CSS custom properties a.k.a CSS variables.

The terra-date-picker component provides users a way to enter or select a date from the date picker.

A framework to support application development with Terra components

Card is a basic container with some base styling to help seperate elements with different content

`terra-notification-dialog` is a notification dialog component built over the `terra-abstract-modal`. It has the highest z-index of 9001. It is a common component to be used for confirmation/acceptance criteria style dialogs.

Paginator to be used for data sets of known and unknown size. Provides first, last, previous, next, and paged functionality.

The NavigationPrompt and NavigationPromptCheckpoint components allow for the detection and management of components with unsaved state.

A search component with a field that automatically performs a search callback after user input.

Utilities to help when developing terra modules.

Dialogs are temporary views that can be used in a myriad of ways. Dialogs have the ability to alert users to act on critical information. In doing so, Dialogs may allow users to avoid destructive decisions, and also extend user workflows without disorient

A DisclosureManager implementation that presents disclosed content using a SlidePanel.

The terra-aggregate-translations pre-build tool assists with creating the translation, intl loader and translation loader files that are configured for the specified locales. This tool is offered as a CLI script and as a setup function.

Contains components that represent a person, location or entity. Variants include Avatar, Facility, and Generic.

The Item Display component creates an display for text and an optional graphic. The Comment subcomponent creates a display for text with a comment icon.

Provides a drop down of selectable options.

React component to display the content of markdown files.

Terra Browserslist Shared Config

Tabs are containers used to organize content. They allow for quick switching between groups of contextually related content. Content is divided into different containers and each container is viewable one at a time. The user can switch between containers

Enzyme helpers for fortifying tests that depend on react-intl by decoupling the need for actual translations.

The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment.

Houses the title of the application, along with a logo. There are two versions - a header version and menu version. These should be used with the corresponding header and menu layouts.

The Terra Application Navigation is a responsive, themeable layout for building applications. ApplicationNavigation is comprised of selectable navigation and utility elements with selection callbacks.

Section Header component that contains text and can be optionally interacted with.

The Dialog Modal allows dynamic height modals. It's limited use case, as dynamic heights break with more complicated DOM structures. If content is too complicated, the terra-modal-manager should be used. The components is placed at an 8000 z-index. The di

The Terra Form Radio is a responsive input component rendered as a radio button next to label text. When activated, a dot shall appear. Use the `name` attribute to group radio buttons together. Tabbing switches focus between radio button groups; arrow key

A Header component that allows elements to be placed on the left and right ends of the header with a left aligned title in the center.

The collapsible menu view is a mechanism that can be used in toolbar scenarios where actionable items will be displayed face-up and flex based on the space available. Any items that can not fit in the available space will be rolled into an ellipsis menu.

This component renders an application header layout. To be used with a layout.

The Terra Application Layout is a responsive, themeable layout for building applications.

Show/Hide component that previews a small section of content or shows the full content with the click of a button

Provides a dropdown button component and split button component for selecting a single option (action) from a list of options.

Element for building out textareas in a form.

A controlled input component for entering time.

The status component provides a customizable color indictor to signify a specific condition.

The terra-aggregate-translations pre-build tool assists with creating the translation, intl loader and translation loader files that are configured for the specified locales. This tool is offered as a CLI script and as a setup function.

The Terra Navigation Layout package includes a variety of components and utilities to provide configuration-based, react-router-driven navigation to Terra applications.

Terra Webpack Config

Toggle section header component that transitions content in and out with a click on the header.

Terra Eslint Config

Provides a responsive starting point for the positioning of application components.

A standard footer for application layout which provides content areas to display options such as branding, copyright information, logo and navigation to related pages.

Terra Stylelint Shared Config

The terra-cell-grid is a structural row based layout for aligning column cells within 100% width of its parent

A structual component for nesting navigational items within the content section of the terra-menu-layout.

Toggle button component that transitions content in and out with the click on a button.

The DateTimePicker component has a date picker for selecting date and a time input for entering time

The tag component is used for tagging and provides users a way to trigger actions in the UI. Each tag should have text. It can optionally display an icon along with the text.

Terra Theme Properties provides named theme variables for UX-defined styles.

This packages contains a list and tab form of ApplicationLinks, to be used in horizontal and vertical display styles. Selection is managed by react-router.

The Terra HTML Table is a structural component to arrange content within a semantic html table.

The demographics component is used to display demographic information about a person in a condensed, easy to read format.

The terra-dynamic-grid component provides users a way to build dynamic layouts using CSS Grids.

This component renders an application menu layout. To be used with a terra-layout or terra-navigation-layout.

The Aggregator provides focus-based mechanisms for managing actions across disparate components.

Generic form fieldset component which handles the layout of a standard form fieldset including help text, legend, value and widget placement.

The Utility is used to disclose a utility menu. There are two versions - a header version and menu version. These should be used with the corresponding `terra-application-header-layout` and `terra-application-menu-layout` components.

The infinite list component provides virtual dom management and data request callbacks to manage large data sets within a list.

The terra-badge component displays content classification.

The progress bar component provides users a way to display the progress of process or activity in a graphical manner.

The Embedded Content Consumer is the application component which is embedding web content within it.

An organizational component that renders a collection of data in a grid-like format.

The terra-profile-image component displays an avatar image while the profile image is being loaded. If the profile image successfully loads, the avatar image is replaced with the profile image. Otherwise, the avatar image is left as is. All styling set on

API for Terra App (Ledger Nano S/X)

A signature defined by an array of line segments.

Dynamically builds a react-hash-routed site based on site configuration, navigation configuration and component configuration.

The label value view component displays a label and the associated value or list of values underneath the label.

Terra Stylelint Shared Config

Contains documentation for packages in the terra-core monorepo

Form Validation Examples for Terra

Dynamically builds a react-hash-routed site based on site configuration, navigation configuration and component configuration.

Terra Browserslist Shared Config

This package contains polyfills to support the minimum requirements and commonly used features of terra-application and its consumers.

Detail Views allows you to create a view with text at different levels of importance. A detail view can contain a title, subtitles, a graph, a footer and a list of elements that can display information at a more detailed level. A Detail List is a structur

A functional testing utility for applications built using Terra.

The terra-switch component provides users a way to toggle between state ON and OFF.

A base jest config for the terra application framework.

Terra Cli

The terra-clinical-onset-picker component provides users a way to enter or select an approximate date for use in onset scenarios.

Terra package with various scripts for open source development

Package containing data grid container components that enable users to navigate the grid information using directional navigation keys.

The DateInput allows for easy data entry of known dates like birthdays, anniversaries, etc. The display of the DateInput is localized based on the locale but can be customized via the `displayFormat` prop. The DateInput uses the ISO 8601 format for date v

Package Json Lint Config

terra module skeleton generator

A graphing library built using d3 based on Cerner design standards

The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values

Enzyme helpers for fortifying tests that depend on react-intl by decoupling the need for actual translations.

terra-consumer-icon

A responsive container that neatly displays logo, quicklinks, navlinks and profile.

Terra Eslint Config

Contains documentation for packages in the terra-application monorepo

A re-usable layout component that puts together our navigation

A react context to provide the current theme.

The test-react-ui-button component provides users a way to trigger actions in the UI.

API for Terra App (Ledger Nano S/X)

A framework to support application development with Terra components

The theme provider component provides a theme to Terra UI components rendered within it via CSS custom properties a.k.a CSS variables.

The Terra Compact Interactive List component provides users a way to render a collection of interactive data in a list format into a single tab stop.

Terra Folder Tree is a vertical menu that displays files and folders in a hierarchical tree structure.

Utility for handling events in Houston

The parcel-react-ui-button component provides users a way to trigger actions in the UI.

Terra File Path is a horizontal menu that indicates where the user is. It is also more commonly known as a breadcrumb component.

Terra Slider component provides users a way to select a value from a given range by sliding a thumb along a bar to track the value.

Contains documentation for packages in the terra-toolkit monorepo

The terra-pills component provides a way to trigger actions to launch popovers with the desired content or remove the component

Contains documentation for packages in the terra-framework monorepo

The my-button component provides users a way to trigger actions in the UI.

API for Terra App (Ledger Nano S/X)

Wrapper for the terra graphs API

The Terra Worklist Data Grid is a container that enables users to navigate the grid information using directional navigation keys.

API for Terra App (Ledger Nano S/X)

frontend assets for terra

Package to enable Ledger support using Cosmos Ledger app for Terrastation

terra-title

Forked API for Terra App (Ledger Nano S/X)

A react based dev-site that has documentation and example graphs