REACT-NATIVES
WIRED FOR SPEED
react-natives v2.1.2
Theme
Light
Dark
Get Started
Menu
Components
Feedback & Overlay
FormDrawer
A right-side drawer shell with header, scroll body, and save/cancel footer actions.
Example
Preview
Code
Props
FormDrawer Props
Prop
Type
Default
Description
eyebrow *
string
—
Small label shown above the drawer title.
title *
string
—
Primary drawer title.
onClose *
() => void
—
Closes the drawer.
onSave *
() => void
—
Runs the drawer save action.
saveDisabled
boolean
false
Disables the save action.
Usage Guidelines
When to use
Use FormDrawer for edit forms that should keep users in the current list or dashboard context.
Related Components
Drawer
A compound slide-in panel component with backdrop, content, header, body, footer, and close button, supporting four placement directions.
Button
A compound interactive button component with text, icon, and spinner sub-components, supporting multiple actions, variants, and sizes.
Card
A compound container component with header, body, and footer sections for grouping related content.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.