Number Range Filter

A number range picker with exact inputs, an optional slider, and explicit apply behavior.

Library

sv-table

Framework

Svelte

Type

component

License

MIT

Dependencies

@lucide/svelte

Install

pnpm dlx shadcn-svelte@latest add https://sv-table.vercel.app/r/number-range-filter.json

Files

• src/lib/components/table/number-range-filter/number-range-filter.svelte
• src/lib/components/table/number-range-filter/index.ts
• src/lib/components/ui/button/index.ts
• src/lib/components/ui/input/index.ts
• src/lib/components/ui/label/index.ts
• src/lib/components/ui/popover/index.ts
• src/lib/components/ui/separator/index.ts
• src/lib/components/ui/slider/index.ts

Source

https://github.com/SikandarJODD/sv-table

Categories

• Input Components
• Svelte Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Number Input Components
• Tailwind CSS Number Input Components
• Overlay Components
• Svelte Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components
• Popover Components
• Tailwind CSS Popover Components

More from sv-table

• Date Range Filter
• Debounce Input
• Basic Data Table
• Bulk Actions Bar
• Complex Example
• Custom Filters Example
• Data Grid
• Data Table Column Header
• Data Table Empty
• Data Table Export
• Data Table Faceted Filter
• Data Table Filters Example