@primer/react
Version:
An implementation of GitHub's Primer Design System using React
30 lines (29 loc) • 1.39 kB
TypeScript
import { FormValidationStatus } from "../../utils/types/FormValidationStatus.js";
import React, { ComponentProps } from "react";
//#region src/internal/components/TextInputWrapper.d.ts
type TextInputSizes = 'small' | 'medium' | 'large';
type StyledTextInputBaseWrapperProps = {
block?: boolean;
contrast?: boolean;
disabled?: boolean;
hasTrailingAction?: boolean;
isInputFocused?: boolean;
monospace?: boolean;
validationStatus?: FormValidationStatus; /** @deprecated Use `size` prop instead */
variant?: TextInputSizes;
size?: TextInputSizes;
className?: string;
style?: React.CSSProperties;
onClick?: React.MouseEventHandler;
children?: React.ReactNode; /** @deprecated Update `width` using CSS modules or style. */
width?: string | number; /** @deprecated Update `min-width` using CSS modules or style. */
minWidth?: string | number; /** @deprecated Update `max-width` using CSS modules or style. */
maxWidth?: string | number;
};
declare const TextInputWrapper: React.ForwardRefExoticComponent<Omit<{
hasLeadingVisual?: boolean;
hasTrailingVisual?: boolean;
} & StyledTextInputBaseWrapperProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
type StyledWrapperProps = ComponentProps<typeof TextInputWrapper>;
//#endregion
export { StyledWrapperProps, TextInputSizes, TextInputWrapper, TextInputWrapper as default };