0.0.12 • Published 1 year ago

nullstack-bottomsheet v0.0.12

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Nullstack Bottomsheet

Installation

yarn add nullstack-bottomsheet

or

npm install nullstack-bottomsheet

Usage

To use nullstack-bottomsheet you should import it, then wrap the sheet content with it.

Example

<div>
  {this.showing_bottom_sheet && (
    <BottomSheet
      default_snap={75}
      snaps={[0, 25, 75, 90]}
      snapping_time={100}
      close_on_snap_to_zero
      onclose={() => (this.showing_bottom_sheet = false)}
      onsnap={(snap) => console.log(`snapping to ${snap}% of screen height`)} // <-- fired when releasing the finger from screen and snaps to one of the snaps positions configured on the `snaps` property
    >
      <div style="padding: 32px; color: black">
        <h1>Hello you</h1>
        <h2>All good?</h2>
        <h3 style="margin-top:300px">All good?</h3>
      </div>
    </BottomSheet>
  )}
</div>
0.0.11

1 year ago

0.0.12

1 year ago

0.0.3

1 year ago

0.0.10

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.5

1 year ago

0.0.4

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago