Slider (Base UI)
iconiq-ui/b-sliderFreeComponent
Slider with the same Iconiq API layered over Base UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion.
Install it
npx shadcn@latest add https://www.iconiqui.com/r/b-slider.jsonSource
1"use client";23import { Slider as SliderPrimitive } from "@base-ui/react/slider";4import {5 animate,6 type MotionValue,7 motion,8 useMotionValue,9 useReducedMotion,10 useTransform,11} from "motion/react";12import {13 forwardRef,14 type ReactNode,15 useCallback,16 useEffect,17 useId,18 useRef,19 useState,20} from "react";2122import { cn } from "@/lib/utils";2324const componentThemeClassName =25// … truncated
What it pulls in
npm packages
Files it writes
More from Iconiq UI
All 119 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Iconiq UI | Components | Free | 2 deps | |
| AI Inputai-input | Iconiq UI | Components | Free | 3 deps | |
| Alertalert | Iconiq UI | Components | Free | 2 deps | |
| Avataravatar | Iconiq UI | Components | Free | 3 deps | |
| Accordion (Base UI)b-accordion | Iconiq UI | Components | Free | 2 deps | |
| Alert Dialog (Base UI)b-alert-dialog | Iconiq UI | Components | Free | 3 deps | |
| Autocomplete (Base UI)b-autocomplete | Iconiq UI | Components | Free | 3 deps | |
| Avatar (Base UI)b-avatar | Iconiq UI | Components | Free | 2 deps |
