KeyboardAvoidingArea

KeyboardAvoidingArea moves content clear of the mobile keyboard.

Basics

KeyboardAvoidingArea moves content clear of the mobile keyboard.

Loading demo…

import { Block, Input, KeyboardAvoidingArea } from '@plocks/ui'; export function Demo() { return ( <Block fullWidth h={220}> <KeyboardAvoidingArea flex={1} p="md"> <Input label="Message" placeholder="Type a message" /> </KeyboardAvoidingArea> </Block> ); }
Scan to open this page on your phoneplocks.dev/ui/KeyboardAvoidingArea