Bottom Sheet

Installation

import { BottomSheet, BottomSheetProps } from 'hc-mobile-app-ui';

Example

Props

Name
Type
Description

isOpen

boolean

Specifies if the bottom sheet is open or not.

onDismiss

function

Function to be called when dismissing the bottom sheet.

header

HeaderProps (See Below)

Header component of the bottom sheet.

footer

function

Function that renders a component as the footer of the bottom sheet.

showCloseButton

boolean

If true, renders the close button on top-right corner.

Header Props

Name
Type
Description

title

string

Title for the bottom sheet.

description

string

Description for the bottom sheet.

Last updated