diff --git a/packages/components/src/components/input/input.lite.tsx b/packages/components/src/components/input/input.lite.tsx index 52f133993de..07a929d3ef6 100644 --- a/packages/components/src/components/input/input.lite.tsx +++ b/packages/components/src/components/input/input.lite.tsx @@ -199,6 +199,7 @@ export default function DBInput(props: DBInputProps) { form={props.form} pattern={props.pattern} autocomplete={props.autocomplete} + autofocus={props.autofocus} onInput={(event: ChangeEvent) => state.handleInput(event) } diff --git a/packages/components/src/shared/model.ts b/packages/components/src/shared/model.ts index 104019e23dd..598aac53d1a 100644 --- a/packages/components/src/shared/model.ts +++ b/packages/components/src/shared/model.ts @@ -33,6 +33,11 @@ export type GlobalProps = { * React specific for render process. */ key?: string; + + /** + * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns) + */ + autofocus?: boolean; }; export type GlobalState = {