Components

Component

MenuSheet

Bottom sheet menu for action choices.

ReactReact Native3 props
PreviewReact

Imports

import { MenuSheetRoot, MenuSheetTrigger, MenuSheetContent, MenuSheetGroup, MenuSheetItem } from "@hozorica/hods-react/menu-sheet";
import { MenuSheetRoot, MenuSheetTrigger, MenuSheetContent, MenuSheetGroup, MenuSheetItem } from "@hozorica/hods-react-native/menu-sheet";

Props

PropTypeDescription
open / defaultOpen / onOpenChangeboolean / callbackRoot open state.
title / descriptionReactNodeSheet header content.
label / description / prefixIcon / toneReactNode / critical|neutralMenu item content.

Platform Support

React

BottomSheet-backed action menu with grouped items.

React Native

BottomSheet alias compatibility implementation.

Usage

<MenuSheetRoot><MenuSheetTrigger>Open</MenuSheetTrigger><MenuSheetContent><MenuSheetItem label="Action" /></MenuSheetContent></MenuSheetRoot>

Notes

  • Use for mobile action lists.
  • Critical items should be visually separated or clearly labelled.