selecto
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch. It provides flexible selection behaviors and supports various frameworks, including Svelte, React, Vue, Angular, Preact, and Lit.
Key Features
- Drag Selection: Select elements by dragging a selection box.
- Customizable Behaviors: Control selection behavior with options like
selectByClick
,selectFromInside
, andcontinueSelect
. - Accurate Selection: Supports precise selection checks for rotated or distorted elements using the
getElementRect
option. - Framework Support: Available as dedicated packages for React, Vue (2 & 3), Angular, Preact, Svelte, and Lit.
Target Audience
- Developers building interactive UIs with drag-selection functionality.
- Users of frameworks like Svelte, React, Vue, Angular, Preact, or Lit.
Packages
Package | Description |
---|---|
react-selecto | React Selecto Component |
ngx-selecto | Angular Selecto Component |
vue-selecto | Vue 2 Selecto Component |
vue3-selecto | Vue 3 Selecto Component |
preact-selecto | Preact Selecto Component |
svelte-selecto | Svelte Selecto Component |
[lit-selecto](https://github.com/daybrush/selecto/t |
selectoselectselectionmoveableselectablereactangularscenascenejsvuesveltelit
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button