@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
68 lines (59 loc) • 1.96 kB
JavaScript
/* eslint-disable react/jsx-curly-brace-presence */
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
var propTypes = {
/*
* Assistive Text to use instead of a visible label
*/
assistiveText: PropTypes.object,
/*
* Id of the input associated with this label
*/
htmlFor: PropTypes.string,
/*
* Input Label or inner node for formatting purposes
*/
label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
/*
* Applies label styling for a required form element
*/
required: PropTypes.bool,
/**
* Changes markup of label.
*/
variant: PropTypes.oneOf(['base', 'static'])
};
/*
* Form label. This returns null if there is no label text (hidden or shown)
*/
var Label = function Label(_ref) {
var label = _ref.label,
assistiveText = _ref.assistiveText,
htmlFor = _ref.htmlFor,
required = _ref.required,
_ref$variant = _ref.variant,
variant = _ref$variant === void 0 ? 'base' : _ref$variant;
var labelText = label || assistiveText && assistiveText.label; // One of these is required to pass accessibility tests
var subRenders = {
base: /*#__PURE__*/React.createElement("label", {
className: classNames('slds-form-element__label', {
'slds-assistive-text': assistiveText && !label
}),
htmlFor: htmlFor
}, required && /*#__PURE__*/React.createElement("abbr", {
className: "slds-required",
title: "required"
}, '*'), labelText),
static: /*#__PURE__*/React.createElement("span", {
className: "slds-form-element__label"
}, labelText)
};
return labelText ? subRenders[variant] : null;
};
Label.displayName = 'Label';
Label.propTypes = propTypes;
export default Label;
//# sourceMappingURL=label.js.map