Bottom sheet component

[spwoodcock]

A mobile optimised component, with the following:

• Icons to select on a bottom bar
• Dynamic content inside the sheet above
• Resizable sheet via drag bar up and down
• Accepts another component for the content?
• Or possibly this could use sl-tab-group and sl-tab-panel?

This replicates material bottom sheets used in Android.

Possible Usage Example:

<hot-bottom-sheet
  @close={doSomething()}
>
  <another-component></another-component>
</hot-bottom-sheet>

[emi420]

This is mobile-only?

[emi420]

Useful info about bottom sheets design: https://www.nngroup.com/articles/bottom-sheet/

[spwoodcock]

This is mobile-only?

At least portrait layout only I would say, yeah.

On desktop just displayed as larger bars in portrait mode.

I imagine this will be useful for the mobile versions of FMTM and DroneTM 👍