react-lightning-design-system/module/scripts/BreadCrumbs.js

Salesforce Lightning Design System components built with React

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className", "href", "children"],
  _excluded2 = ["className", "children"];
import React from 'react';
import classnames from 'classnames';

/**
 *
 */

/**
 *
 */
export var Crumb = function Crumb(_ref) {
  var className = _ref.className,
    href = _ref.href,
    children = _ref.children,
    props = _objectWithoutProperties(_ref, _excluded);
  var text = children;
  var cClassName = classnames('slds-breadcrumb__item', className);
  return /*#__PURE__*/React.createElement("li", _extends({}, props, {
    className: cClassName
  }), /*#__PURE__*/React.createElement("a", {
    href: href
  }, text));
};

/**
 *
 */

/**
 *
 */
export var BreadCrumbs = function BreadCrumbs(_ref2) {
  var className = _ref2.className,
    children = _ref2.children,
    props = _objectWithoutProperties(_ref2, _excluded2);
  var oClassName = classnames('slds-breadcrumb', 'slds-list_horizontal', 'slds-wrap', className);
  return /*#__PURE__*/React.createElement("nav", _extends({}, props, {
    role: "navigation",
    "aria-label": "Breadcrumbs"
  }), /*#__PURE__*/React.createElement("ol", {
    className: oClassName
  }, children));
};
//# sourceMappingURL=BreadCrumbs.js.map