@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
22 lines (18 loc) • 780 B
JavaScript
"use client";
import { createComponent } from "../../core/components/create-component.js";
import { inputElementStyle } from "./input-element.style.js";
import { useInputBorder } from "./use-input-border.js";
//#region src/components/input/input-element.tsx
const { PropsContext: InputElementPropsContext, usePropsContext: useInputElementPropsContext, withContext } = createComponent("input-element", inputElementStyle);
const InputElement = withContext("div")({ "data-input-element": "" }, ({ errorBorderColor, focusBorderColor,...rest }) => {
return {
...useInputBorder({
errorBorderColor,
focusBorderColor
}),
...rest
};
});
//#endregion
export { InputElement, InputElementPropsContext, useInputElementPropsContext };
//# sourceMappingURL=input-element.js.map