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.

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.

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

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 terra-button component provides users a way to trigger actions in the UI.

The base component sets minimal global styles for an application.

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

Toggle component that transitions content in and out.

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

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,

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 SlidePanel component is a progressive disclosure mechanism that allows additional content to be shown and hidden in a variety of ways.

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

Provides an adjustable template for documentation pages.

Element for building out inputs in a form.

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

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

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

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

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

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

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

The grid component provides a flexbox based grid system.

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

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

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

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 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.

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

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

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.

A react context to provide the current theme.

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

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

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

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 Form Field component handles the layout of the label, help text and error text associated with a form element.

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

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

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

A framework to support application development with Terra components

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

`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.

Utilities to help when developing terra modules.

A DisclosureManager implementation that presents disclosed content using a SlidePanel.

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

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

Terra Browserslist Shared Config

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

Provides a drop down of selectable options.

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.

React component to display the content of markdown files.

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.

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.

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.

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

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 Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment.

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 Navigation Layout package includes a variety of components and utilities to provide configuration-based, react-router-driven navigation to Terra applications.

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

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

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

Element for building out textareas in a form.

Terra Webpack Config

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-cell-grid is a structural row based layout for aligning column cells within 100% width of its parent

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

A controlled input component for entering time.

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

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

Terra Stylelint Shared Config

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

Terra Eslint Config

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.

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

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 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 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

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 terra-badge component displays content classification.

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 progress bar component provides users a way to display the progress of process or activity in a graphical manner.

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

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

Form Validation Examples for Terra

API for Terra App (Ledger Nano S/X)

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

A signature defined by an array of line segments.

Terra Stylelint Shared Config

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.

Contains documentation for packages in the terra-core monorepo

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

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

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.

Terra package with various scripts for open source development

A base jest config for the terra application framework.

Terra Cli

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 containing data grid container components that enable users to navigate the grid information using directional navigation keys.

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

Terra Eslint Config

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

Contains documentation for packages in the terra-application monorepo

A re-usable layout component that puts together our navigation

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

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 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.

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

Utility for handling events in Houston

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

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.

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-toolkit monorepo

Contains documentation for packages in the terra-framework monorepo

API for Terra App (Ledger Nano S/X)

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

Wrapper for the terra graphs API

frontend assets for terra

API for Terra App (Ledger Nano S/X)

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

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