KeyboardAwareLayout
KeyboardAwareLayout adjusts screen content when the on-screen keyboard appears.
Source
LLM docs
Package
Examples
1
Properties
49
Basics
Keep form fields scrollable when the on-screen keyboard opens.
Loading demo…
import { Block, Input, KeyboardAwareLayout } from '@plocks/ui';
export function Demo() {
return (
<Block fullWidth h={220}>
<KeyboardAwareLayout>
<Block p="md" gap="md">
<Input label="Name" placeholder="Your name" />
<Input label="Email" placeholder="you@example.com" />
</Block>
</KeyboardAwareLayout>
</Block>
);
}React Native design for iOS, Android, and Web.
Quick Links
Resources