---
title: Range Slider
airtableId: recPe8JPnGCVmjROA
---

import { RenderComponentWithSnippet } from "@/app/components/render";
import { Row } from "@/app/components/row";

import { BasicExample } from "./rangeslider.basic.tsx";
import { PopoverExample } from "./rangeslider.popover";

## Basic

Basic range slider for selecting numeric values.

<BasicExample />

## With Popover

Range slider with a popover showing the current value.

<PopoverExample />