terra-clinical-item-display/src/terra-dev-site/doc/example/TextStyles.jsx

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.

import React from 'react';
import ItemDisplay from 'terra-clinical-item-display';

const component = () => (
  <React.Fragment>
    <ItemDisplay text="Primary" />
    <ItemDisplay text="Strong" textStyle="strong" />
    <ItemDisplay text="Attention" textStyle="attention" />
    <ItemDisplay text="Secondary" textStyle="secondary" />
    <ItemDisplay text="Strike-through" textStyle="strikeThrough" />
  </React.Fragment>
);

export default component;