@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
53 lines • 1.91 kB
TypeScript
import { BaseComponentProps } from '../internal/base-component';
import { FormFieldCommonValidationControlProps } from '../internal/context/form-field-context';
import { NonCancelableEventHandler } from '../internal/events';
export interface FileInputProps extends BaseComponentProps, FormFieldCommonValidationControlProps {
/**
* Variant of the file input. Defaults to "button".
*/
variant?: 'button' | 'icon';
/**
* Adds `aria-label` to the file input element. Use this to provide an accessible name for file inputs
* that don't have visible text, and to distinguish between multiple file inputs with identical visible text.
*/
ariaLabel?: string;
/**
* Text displayed in the file input component. Used as the aria label if ariaLabel is not defined.
* @displayname text
*/
children?: string;
/**
* Specifies the native file input `accept` attribute to describe the allow-list of file types.
*/
accept?: string;
/**
* Specifies whether to add aria-required to the file upload control.
*/
ariaRequired?: boolean;
/**
* Specifies the native file input `multiple` attribute to allow users entering more than one file.
*/
multiple?: boolean;
/**
* Called when the user selects new file(s), or removes a file.
* The event `detail` contains the current value of the component.
*/
onChange: NonCancelableEventHandler<FileInputProps.ChangeDetail>;
/**
* Specifies the currently selected file(s).
* If you want to clear the selection, use empty array.
*/
value: ReadonlyArray<File>;
}
export declare namespace FileInputProps {
interface ChangeDetail {
value: File[];
}
interface Ref {
/**
* Sets focus on the file upload button.
*/
focus(): void;
}
}
//# sourceMappingURL=interfaces.d.ts.map