Sheets: bottom

Bottom Sheets are surfaces anchored to the bottom of the screen that present users supplement content.

Use Sheets bottom to:

  • Expose all complements options


On this page


Specifications references

Accessibility

Please follow accessibility criteria for development.

Implementation

BottomSheet light BottomSheet dark

The contents within a bottom sheet should follow their own accessibility guidelines, such as images having content descriptions set on them.

Flutter

return Scaffold(
  bottomSheet: OdsSheetsBottom(
    sheetContent: Container(), // Put here the content of the sheet
    title: "Recipes",
  ),
);

OdsSheetsBottom API #

Parameter Default value Description
title: String   Title header of the bottom sheet
sheetContent: Widget   Content of the bottom sheet