BottomSheet

Description

importimport BottomSheet from "@lib/component/BottomSheet"

Examples

Basic

Cách mở bottomsheet basic

Props

Property

Description

Type

Default

backdropBlur

value blur backdrop

number

backdropColor

color backdrop

string

rgba(0,0,0,0.4)

onBackdropPress

function run when click backdrop

function()

empty function

className

className bottomsheet

string

children

Component inside bottomsheet

ReactNode

openAnimationDuration

Time open bottomsheet

number

0.3

closeAnimationDuration

Time close bottomsheet

number

0.25

lazyload

Component children chỉ được mount khi BottomSheet mở

boolean

unmountOnHide

unmount component when bottomsheet close

boolean

onOpenEnd

function run when bottomsheet is completely opened

function()

empty function

onCloseEnd

function run when bottomsheet is completely closed

function()

empty function

Handler

Method: open: ( ) => void

Method mở BottomSheet

Method: close: ( ) => void

Method đóng BottomSheet