56 lines
No EOL
1.9 KiB
TypeScript
56 lines
No EOL
1.9 KiB
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; |