BetaBeta pública — Consulta las notas de lanzamiento
Documentación

Slider

Ejemplo básico de slider demostrando el comportamiento principal.

Paquete
@solidiom/slider
Versión
0.0.1-next.0
Estado
stable

Ejemplos

import * as Slider from "@solidiom/slider"

;<Slider.Root>Contenido de Slider</Slider.Root>
Ver código fuente
        /**
 * @solidiom/slider — Headless slider primitive.
 *
 * Parts: Root, Track, Range, Thumb.
 * Supports multiple thumbs, keyboard/pointer interaction, horizontal/vertical orientation.
 *
 * @example
 * ```tsx
 * import * as Slider from "@solidiom/slider"
 *
 * <Slider.Root defaultValue={[50]} min={0} max={100} step={1}>
 *   <Slider.Track>
 *     <Slider.Range />
 *     <Slider.Thumb index={0} aria-label="Volume" />
 *   </Slider.Track>
 * </Slider.Root>
 * ```
 */

export { Root, Track, Range, Thumb } from "./slider"
export type {
  SliderRootProps,
  SliderTrackProps,
  SliderRangeProps,
  SliderThumbProps,
} from "./slider"
export { useSliderContext, type SliderContextValue, type SliderOrientation } from "./slider-context"