svelte-ux
svelte-ux copied to clipboard
techniq
Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.
- [native draggable example]https://svelte.dev/repl/067a9d2d3ea04aedbfc4ea2314716688?version=4.1.2) - [sortablejs example](https://svelte.dev/repl/bb527bb8a2f849e19cd5956fc76bb668?version=4.1.2)
- [Background translate](https://svelte.dev/repl/8d209446ac1340ee9e5313b414a52b12?version=4.1.2)
https://svelte.dev/repl/ff233f298846402eafc328320f24033a?version=4.1.2
- https://www.tremor.so/docs/components/barlist - [CSS bar chart](https://svelte.dev/repl/0b6d78d1a4c241f7a507764f99029829?version=4.1.2)
https://svelte.dev/repl/28f1898c9aab465ba9c9a897bc41285d?version=4.1.2
- [REPL](https://svelte.dev/repl/5b46f83924f5437dae097b612f3d97b0?version=3.38.2) - [Multi-level Dropdown](https://svelte.dev/repl/814c27da2e1344f9b4f205a93e02559f?version=3.38.1) - Might also be able to use flip animation or other animation - https://vuetifyjs.com/en/components/tabs/#dynamic-height - https://material.angular.io/components/tabs/overview#dynamic-height - https://codepen.io/iggnacy/pen/JjeexZd Maybe consider a custom transition similar to...
While it was decided to only support `class`/`classes` props as part of the initial createTheme [PR](https://github.com/techniq/svelte-ux/issues/60), there are some additional props that could be useful to change the default globally....
- [x] Type - [x] Password (toggle to text to reveal) - [x] Number (see Masking) - [x] Currency? (see Masking) - [x] Date (see Masking) - [ ] Masking...
Within [AppLayout](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/AppLayout.svelte#L16-L25), since `matchMedia()` is used to determine if the menu drawer should be temporary (overlay) or persistent (side by side), and the navWidth is set via CSS variables, currently...