@mui/material
Version:
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
56 lines (55 loc) • 1.92 kB
TypeScript
import * as React from 'react';
import { SxProps } from '@mui/system';
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
import { Theme } from "../styles/index.js";
import { InternalStandardProps as StandardProps } from "../internal/index.js";
import { InputBaseProps } from "../InputBase/index.js";
import { OutlinedInputClasses } from "./outlinedInputClasses.js";
interface OutlinedInputSlots {
/**
* The component that renders the notchedOutline slot.
* @default NotchedOutline
*/
notchedOutline: React.ElementType;
}
type OutlinedInputSlotsAndSlotProps = CreateSlotsAndSlotProps<OutlinedInputSlots, {
notchedOutline: SlotProps<'fieldset', {}, OutlinedInputOwnerState>;
}> & {
slots?: InputBaseProps['slots'];
slotProps?: InputBaseProps['slotProps'];
};
export interface OutlinedInputProps extends Omit<StandardProps<InputBaseProps>, 'slots' | 'slotProps'>, OutlinedInputSlotsAndSlotProps {
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<OutlinedInputClasses>;
/**
* The label of the `input`. It is only used for layout. The actual labelling
* is handled by `InputLabel`.
*/
label?: React.ReactNode;
/**
* If `true`, the outline is notched to accommodate the label.
*/
notched?: boolean;
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
}
export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots' | 'slotProps'> {}
/**
*
* Demos:
*
* - [Text Field](https://mui.com/material-ui/react-text-field/)
*
* API:
*
* - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
*/
declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
muiName: string;
};
export default OutlinedInput;