---
title: "Slider"
id: "slider"
description: "A slider enables the user to input continuous values."
---

## Overview

import Default from "@/demo/Slider/Default";

<CodeSandbox {...Default} />

<Message status="warn">
  Because this component is a bare `input[type="range"]` with some CSS styles,
  colorization of the current value is not supported currently.
</Message>

## Size

import Size from "@/demo/Slider/Size";

<CodeSandbox {...Size} />
