svelte-ux
svelte-ux copied to clipboard
techniq
Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.
A few for reference: - Svelte - [CONTRIBUTING.md](https://github.com/sveltejs/svelte/blob/master/CONTRIBUTING.md) - [PULL_REQUEST_TEMPLATE.md](https://github.com/sveltejs/svelte/blob/master/.github/PULL_REQUEST_TEMPLATE.md) - [Melt UI](https://github.com/melt-ui/melt-ui/blob/develop/CONTRIBUTING.md) - [CODE_OF_CONDUCT](https://www.contributor-covenant.org/version/2/1/code_of_conduct/) The same will need added to LayerChart as well
Replace [Steps](https://svelte-ux.techniq.dev/docs/components/Steps/) component with new `Timeline` component ## Examples - https://svelte.dev/repl/13447bfb43e04c63a951dbae8dcab30f?version=3.44.2 - https://codepen.io/mackorichardson/pen/qBEyZwd - https://daisyui.com/components/timeline/ - https://daisyui.com/components/steps/ - https://flowbite.com/docs/components/timeline/
Extracted from PR #130 - [x] Use same [Options](https://github.com/techniq/svelte-ux/blob/main/packages/svelte-ux/src/lib/components/MenuField.svelte#L15) type instead of [any](https://github.com/techniq/svelte-ux/blob/main/packages/svelte-ux/src/lib/components/SelectField.svelte#L25) - Will use `label` instead of `name` by default (can still be overwritten by `optionText()`, maybe we...
If you quickly click to re-open the menu while it's transitioning closed,`classes` within `MenuItem` will be set to `undefined` instead of default object/styles. https://github.com/techniq/svelte-ux/assets/177476/a36c772d-0717-4494-8909-c4674aa288a0 - [MenuField](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/MenuField.svelte#L133) - [MenuItem](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/MenuItem.svelte#L16-L20) Within `MenuField`,...
See [discussion](https://discord.com/channels/920755200552226868/1168978598556872824/1186916227793309776) and Daisy UI [reference](https://daisyui.com/components/tab/#radio-tab-lifted--tab-content)
- [ ] Remove default styling where it makes sense - [x] [AppLayout](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/AppLayout.svelte#L36) - [x] [AppBar](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/AppBar.svelte#L27) - [ ] Maybe replace with `color` prop, or leave it up to usage....
- [x] Slider / Range input - https://svelte.dev/repl/cfa047ad97cf49c6bfb5b7e5881d5600?version=3.44.2 - https://svelte.dev/repl/8af0c98cc61d4f7fbca233282b885eaa?version=3.44.2 - Examples - https://www.radix-ui.com/docs/primitives/components/slider - https://mhkeller.github.io/svelte-double-range-slider/ - https://ant.design/components/slider/ - https://mui.com/components/slider/#range-slider - https://vuetifyjs.com/en/components/range-sliders/ - https://observablehq.com/@mootari/range-slider - https://chakra-ui.com/docs/form/range-slider - https://codepen.io/seanstopnik/pen/CeLqA - https://codepen.io/MarioD/pen/WwXbgr...
- [ ] Support overriding Apply/Cancel buttons - Useful for i18n support, along with changing button style (`variant="fill"` vs `"variant="fill-light"`, etc) - Maybe add a `listActions` slot, or have `actions`...
- [x] Setup `npm create svelte-ux@latest` - Templates - [x] Minimal / Barebones - [x] Starter (with AppLayout / navigation) - [x] with LayerChart - [x] Support opening in -...
Currently there is RangeSlider - [ ] Rename [RangeSlider](https://svelte-ux.vercel.app/docs/components/RangeSlider) to `RangeInput` (or maybe `MultiRangeInput`) - [ ] Add `RangeField` which combines `Field` and `RangeInput` - [ ] Update `RangeInput` to...