---
title: ModalBottomSheet
description: ModalBottomSheet API.
---

import CodeSnippetMD from '@slint/common-files/src/components/CodeSnippetMD.astro';
import SlintProperty from '@slint/common-files/src/components/SlintProperty.astro';

<CodeSnippetMD imagePath="" noScreenShot scale="3" imageWidth="300" imageHeight="200" imageAlt="">
```slint
import { ModalBottomSheet } from "@material";
export component Example inherits Window {
    width: 400px;
    height: 300px;
    background: transparent;
    ModalBottomSheet {
        width: 320px;
        height: 200px;
    }
}
```
</CodeSnippetMD>

A `ModalBottomSheet` is a modal overlay that slides up from the bottom of the screen, typically used for presenting additional options or content.
