Sheet component on all sides of screen (with handle for open/close) #4377
pdanpdan
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I found a good name:
sheetImproved demo (fully working with checkbox and popover:
v0:
https://play.tailwindcss.com/u66rJI6H7j?file=cssv1:
https://play.tailwindcss.com/rQXaVnWF6o?file=css(choosesheetname for component, implement popover)v2:
https://play.tailwindcss.com/KjpcR4XKK1?file=css(small fixes)v3:
https://play.tailwindcss.com/wDcKmaXokM?file=css (skip kbd navigation for backdrop)v4:
https://play.tailwindcss.com/Sus5V2QVqe?file=css (small tweaks)v5:
https://play.tailwindcss.com/p87BiO6LKQ?file=css (fix bottom position on mobile, add safe area for mobiles)v6:
https://play.tailwindcss.com/PDUA0ENWGp?file=css (use hidden to hide content so that on ios you cannot see the empty sheet above/below)v7: https://play.tailwindcss.com/PVqPCj3Gtn?file=css (add anchored position)
@saadeghi if you like it I can take care of a PR for this
latest version from PR #4434 : https://play.tailwindcss.com/boB2Nejm1o?layout=preview
Beta Was this translation helpful? Give feedback.
All reactions