UNPKG

@carbon/react

Version:

React components for the Carbon Design System

39 lines (37 loc) 1.26 kB
/** * Copyright IBM Corp. 2016, 2026 * * This source code is licensed under the Apache-2.0 license found in the * LICENSE file in the root directory of this source tree. */ import { usePrefix } from "../../internal/usePrefix.js"; import classNames from "classnames"; import "react"; import PropTypes from "prop-types"; import { jsx, jsxs } from "react/jsx-runtime"; //#region src/components/NumberInput/NumberInput.Skeleton.tsx /** * Copyright IBM Corp. 2016, 2023 * * This source code is licensed under the Apache-2.0 license found in the * LICENSE file in the root directory of this source tree. */ function NumberInputSkeleton({ hideLabel, className, size = "md", ...rest }) { const prefix = usePrefix(); return /* @__PURE__ */ jsxs("div", { className: classNames(`${prefix}--form-item`, className), ...rest, children: [!hideLabel && /* @__PURE__ */ jsx("span", { className: `${prefix}--label ${prefix}--skeleton` }), /* @__PURE__ */ jsx("div", { className: `${prefix}--number ${prefix}--skeleton ${prefix}--number--${size}` })] }); } NumberInputSkeleton.propTypes = { className: PropTypes.string, hideLabel: PropTypes.bool, size: PropTypes.oneOf([ "sm", "md", "lg" ]) }; //#endregion export { NumberInputSkeleton as default };