search

hotosm / ui

Shared UI components with HOT theming
GNU Affero General Public License v3.0
6 stars 1 forks source link

Bottom sheet component #43

Open spwoodcock opened 2 months ago

spwoodcock commented 2 months ago

A mobile optimised component, with the following:

image

This replicates material bottom sheets used in Android.

Possible Usage Example:

<hot-bottom-sheet
  @close={doSomething()}
>
  <another-component></another-component>
</hot-bottom-sheet>
emi420 commented 1 week ago

This is mobile-only?

emi420 commented 1 week ago

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

spwoodcock commented 1 week ago

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 👍