terra-clinical-item-display
Version:
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.
24 lines (23 loc) • 1.59 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _terraClinicalItemDisplay = _interopRequireDefault(require("terra-clinical-item-display"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var component = function component() {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_terraClinicalItemDisplay.default, {
text: "Attention",
textStyle: "attention",
textStyleMeaning: "Important"
}), /*#__PURE__*/_react.default.createElement("p", null, "Screen reader reads: \u201CImportant\u201D, \u201CAttention\u201D, \u201CImportant End\u201D"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_terraClinicalItemDisplay.default, {
text: "Strike-through (Default)",
textStyle: "strikeThrough"
}), /*#__PURE__*/_react.default.createElement("p", null, "Screen reader reads: \u201CDeletion\u201D, \u201CStrike-through (Default)\u201D, \u201CDeletion End\u201D"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_terraClinicalItemDisplay.default, {
text: "Strike-through",
textStyle: "strikeThrough",
textStyleMeaning: "Update"
}), /*#__PURE__*/_react.default.createElement("p", null, "Screen reader reads: \u201CUpdate\u201D, \u201CStrike-through\u201D, \u201CUpdate End\u201D"));
};
var _default = exports.default = component;