svelte-ux icon indicating copy to clipboard operation
svelte-ux copied to clipboard

Published 20 hours ago • verified publisher icon techniq

Planned Components

Open techniq opened this issue 3 years ago • 0 comments

  • [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
      • https://codepen.io/vsync/pen/mdEJMLv
      • https://codepen.io/mayuMPH/pen/ZjxGEY
      • https://codepen.io/jackiejohnston/pen/NNrpjQ
      • https://codepen.io/mukealicious/pen/jWoeZY
  • [ ] Context menu
    • https://svelte.dev/repl/3a33725c3adb4f57b46b597f9dade0c1?version=3.25.0
    • https://github.com/sbcs-chh/common-ui/blob/develop/src/buttons/ContextMenu.tsx
    • https://svelte.dev/repl/697820c1fb92462daea82c2b26244ecd?version=3.37.0
  • [ ] Multi-level menu
    • https://svelte.dev/repl/814c27da2e1344f9b4f205a93e02559f?version=3.44.2
  • [x] Timeline (aka Stepper, Steps, Feed) - WIP
    • 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/
  • [x] use:tilt
    • https://svelte.dev/repl/8b9f240f86a441f287440ba46357f3bf?version=3.44.2
  • [x] Animated / scrolling number stepper?
    • https://svelte.dev/repl/e66c970abc744dd5b8727d59bfc6f6dd?version=3.44.2
    • https://svelte.dev/repl/9f621328005a4b68aead70291a339848?version=3.44.2
    • https://svelte.dev/repl/512095514fa24bd4863cc3f3c657a01f?version=3.52.0
  • [x] Intersection observer action example
    • https://svelte.dev/repl/ffa8bc7706c444d0b33275d3227aa94d?version=3.44.2
  • [ ] Chip
    • deletable (x appended)
    • togglable (on/off checkmark prepended)
    • https://svelte-atoms.web.app/Chip
  • [ ] Chip group
    • https://vuetifyjs.com/en/components/chip-groups/
    • Support bind:group both mutually exclusive (radio) and as array (checkbox).
  • [ ] ...more...

techniq avatar Nov 17 '21 12:11 techniq