📱

BottomSheet

Swipeable bottom sheet for mobile interfaces

90%
Code Reduction
350
Traditional Lines
35
Factory Lines
4
Frameworks

Code Example

const MobileSheet = ui.createBottomSheet({
  snapPoints: ['25%', '50%', '90%'],
  initialSnap: 1,
  backdrop: true,
  onClose: () => setSheetOpen(false),
  children: <SheetContent />
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your BottomSheet component with 90% less code!

Features

  • ✓Swipe gestures
  • ✓Multiple snap points
  • ✓Backdrop
  • ✓Handle indicator
  • ✓Smooth animations

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓