📲
HC Mobile App UI Docs
  • Introduction
  • Foundations
    • Colors
    • Icons
    • Layout Primitives
    • Theming
  • Typography
    • Heading
    • Text
    • Custom Fonts
  • Components
    • Accordion
    • Avatar
    • Bottom Sheet
    • Button
    • Button Group
    • Card List
    • Card List Item
    • Checkbox
    • Chip
    • Date Picker
    • Divider
    • Expandable Card
    • Floater
    • Horizontal List
    • Icon
    • Icon Toggle
    • Link
    • List Header
    • Lower Prompt
    • Nestable List
    • Pill Toggle
    • Radio
    • Select Picker
    • Selectable List
    • Text Input
    • Tiles
  • Utilities
    • Device Utilities
    • Layout Utilities
  • Resources
    • Issues
    • Changelog
    • GitHub
Powered by GitBook
On this page
  1. Components

Bottom Sheet

PreviousAvatarNextButton

Last updated 3 years ago

CtrlK
  • Installation
  • Example
  • Props
  • Header Props

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.

Header Props

Name
Type
Description

title

string

Title for the bottom sheet.

description

string

Description for 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.