Select to view content in your preferred language

How to create a Bottom Sheet using Calcite Components?

270
2
05-06-2025 02:26 PM
ForrestLin
Frequent Contributor

I need to create a Bottom Sheet in my GIS website (responsive) like Youtube:

ForrestLin_0-1746565999768.png

I tried to use calcite-sheet:

<calcite-sheet display-mode="float" position="block-end" resizable>

     <calcite-panel closable heading="Bottom Sheet">

     </calcite-panel>

</calcite-sheet>

ForrestLin_2-1746566516111.png

But I don't want to block content container.

How do I create a Bottom Sheet using Calcite Components?

Thanks.

Forrest

 

 

 

 

Tags (1)
0 Kudos
2 Replies
KittyHurley
Esri Contributor

Hi @ForrestLin, we have a feature enhancement to support a non-modal Sheet that would support a bottom placed Sheet with #12114.

0 Kudos
ForrestLin
Frequent Contributor

@KittyHurley 

Please let me know once it is released.

Thank you!

Forrest

0 Kudos