cerner/terra-asset-bundle

React is a JavaScript library for building user interfaces.

React package for working with the DOM.

Declarative routing for React

Declarative routing for React web applications

A framework to support application development with Terra components

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

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

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

Item Collection is a wrapper component designed to display data as either a table or list of items dependent on the relative container size.

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 values (YYYY-MM-DD).

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

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

Provides a drop down of selectable options.

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

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

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 actions are provided, the footer bar collapses to a themeable height and maintains the top border.

Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.

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

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

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-defined colors and icons that help the user understand the severity and meaning of the notification. A custom notification type is also supported that allows your application to customize an alert that may not fit into the pre-defined types.

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

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

The terra-badge component displays content classification.

The base component sets minimal global styles for an application.

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

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

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

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 structural subcomponent of Detail View indented to be used within the details prop. A Detail List accepts and arranges DetailListItem elements in a flexbox layout that wraps the list of items by row. Detail List Items are the elements to be placed within a Detail List. A Detail List Item accepts one element item and applies a minimum width of 50% so that the element spans at minimum half of the Detail List. This allows the Detail List to have either one or two items per row depending on the width of the item content in each item.

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 Display component creates an display for text and an optional graphic. The Comment subcomponent creates a display for text with a comment icon.

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 terra-clinical-onset-picker component provides users a way to enter or select an approximate date for use in onset scenarios.

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

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.

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

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

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 disorienting the user.

A stateful component used to manage disclosure presentation.

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

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

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

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

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

Element for building out inputs in a form.

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 keys switch between radio buttons of the same group. The checked state can be activated with a space.

Element for building out textareas in a form.

The grid component provides a flexbox based grid system.

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

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