3.27.0 • Public • Published

    Terra Clinical DetailView

    NPM version Build Status

    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.

    Getting Started

    • Install from npmjs: npm install terra-clinical-detail-view


    Copyright 2017 - 2020 Cerner Innovation, Inc.

    Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at


    Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.


    npm i terra-clinical-detail-view

    DownloadsWeekly Downloads






    Unpacked Size

    97.3 kB

    Total Files


    Last publish


    • supreethmr
    • xenoworf
    • benbcai
    • cerner-oss
    • kpshek
    • sambao21