packages/react-components/react-input/library/etc/react-input.api.md
Do not edit this file. It is a report generated by API Extractor.
import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { JSXElement } from '@fluentui/react-utilities';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';
import type { SlotClassNames } from '@fluentui/react-utilities';
// @public
export const Input: ForwardRefComponent<InputProps>;
// @public (undocumented)
export const inputClassNames: SlotClassNames<InputSlots>;
// @public
export type InputOnChangeData = {
value: string;
};
// @public (undocumented)
export type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input'>, 'children' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'> & {
children?: never;
size?: 'small' | 'medium' | 'large';
appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter' | 'filled-darker-shadow' | 'filled-lighter-shadow';
defaultValue?: string;
value?: string;
onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;
type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'number' | 'time' | 'week';
};
// @public (undocumented)
export type InputSlots = {
root: NonNullable<Slot<'span'>>;
input: NonNullable<Slot<'input'>>;
contentBefore?: Slot<'span'>;
contentAfter?: Slot<'span'>;
};
// @public
export type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;
// @public
export const renderInput_unstable: (state: InputState) => JSXElement;
// @public
export const useInput_unstable: (props: InputProps, ref: React_2.Ref<HTMLInputElement>) => InputState;
// @public
export const useInputStyles_unstable: (state: InputState) => InputState;
// (No @packageDocumentation comment for this package)