Actions
Floating button
Available forNativeWeb
floats OVER the scroll (a Button flows with it) · Material calls it a FAB · icon label? variant position · one per screen
Usage
Floats over the scroll instead of sitting in it, so the screen’s one most important action stays reachable however far down you are. A Button flows with the content; this does not. Material calls it a FAB. One per screen.
API
<FloatingButton icon label? variant="primary|secondary" position="inline|bottom-right|bottom-center" />Get it
Already in every copy of the native kit:
import { FloatingButton } from '@/components/kit/floating-button';Details
- Exports
FloatingButton- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-utils, @kit-native/text
- Also searched as
- fab, floating action button, plus, extended, add button
- Registry JSON
- /r/native/floating-button.json
Usage
Floats over the scroll instead of sitting in it, so the page’s one most important action stays reachable. A Button flows with the content; this does not. One per page; icon-only needs an aria-label.
API
<FloatingButton icon label? variant="primary|secondary" position="inline|bottom-right|bottom-center" aria-label? />Get it
Already in every copy of the web kit:
import { FloatingButton } from '@/components/kit/floating-button';Details
- Exports
FloatingButton- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Also searched as
- fab, floating action button, plus, extended, add button
- Registry JSON
- /r/web/floating-button.json
Agents: the whole registry is at /llms.txt.