svelte-ux
svelte-ux copied to clipboard
techniq
Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.
- https://codepen.io/jhnsnc/pen/YyRVNG - https://codepen.io/bramus/pen/GRdGoKy
`ToggleButton` is used to coordinate unmounting of toggled content (allowing unmounted children to transition). After updating to Svelte 4, some examples are effected (appears to only be the Dialog/Drawer examples...
Clicking chevron arrow while open does not close, but re-opens quickly (on mouse up) https://github.com/techniq/svelte-ux/assets/177476/4c153eb4-82e5-44fb-8b10-358d60c8f5b4
- [ ] Add `variant` prop to control layout - [ ] Consider adding some colored versions - [ ] Consider renaming to `Alert`, or as a separate component? -...
The new [dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) element has improved accessibility including focus trapper (if opened as a modal), and the [browser support](https://caniuse.com/?search=dialog) is good. There are a few questions to answer: - Can...
- https://svelte.dev/repl/898c1dfce7aa43638b53ecef99dff809?version=4.1.2 - https://primer.style/design/components/progress-bar - https://ui.mantine.dev/category/stats#stats-segments
- [x] Progress bar - [ ] Marker bar - [ ] Delta bar - [ ] Category bar ## Examples - https://www.tremor.so/docs/components/data-bars - https://www.layerchart.com/docs/components/Legend - https://primer.style/design/components/progress-bar ## See also...
- [Resize container](https://svelte.dev/repl/5b46f83924f5437dae097b612f3d97b0?version=4.1.2) - [Multi-level Dropdown](https://svelte.dev/repl/814c27da2e1344f9b4f205a93e02559f?version=4.1.2)
Worth component or just example? - https://svelte.dev/repl/d78dc0790c734622b37c5cacba3b8fda?version=4.1.2 - https://play.tailwindcss.com/RCgKYUCgs3