Containers and layout
Sticky bottom bar
Available forNativeWeb
safe-area action bar under a ScrollView (pb-32)
Usage
Render after the ScrollView; give the scroll content pb-32. Children share the width equally.
API
<StickyBottomBar transparent?>{buttons}</StickyBottomBar>Get it
Already in every copy of the native kit:
import { StickyBottomBar } from '@/components/kit/sticky-bottom-bar';Details
- Exports
StickyBottomBar- Packages
- react-native-safe-area-context@~5.7.0
- Installs with
- @kit-native/lib-utils
- Also searched as
- cta bar, footer actions, safe area
- Registry JSON
- /r/native/sticky-bottom-bar.json
Usage
Put it last inside the scrolling element. Children share the width equally. Mostly a phone-width pattern.
API
<StickyBottomBar transparent?>{buttons}</StickyBottomBar>Get it
Already in every copy of the web kit:
import { StickyBottomBar } from '@/components/kit/sticky-bottom-bar';Details
- Exports
StickyBottomBar- Packages
- cn@^0.4.0
- Also searched as
- cta bar, footer actions, safe area
- Registry JSON
- /r/web/sticky-bottom-bar.json
Agents: the whole registry is at /llms.txt.