> This page is for Changelog.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

## New Slider control

The `Slider` control adds a draggable slider to the Makeswift builder, letting content teams set a `number` prop within a range you define instead of typing a raw value.

![A Slider panel in the Makeswift builder with a draggable track and a numeric input](/_fern-img/71fed66d2b342c416d33de7396d6efe5bae4ad69aad8db86dece38c3000c2674.webp)

* **Bounded range** — `min`, `max`, and `step` constrain the values a content editor can set.
* **Optional numeric input** — Set `showInput` to `true` to display an input field alongside the slider for precise values.
* **Plain `number` prop** — Your component receives a `number`, or `undefined` when no value is set and no `defaultValue` is provided.

### Example

```tsx
import { Slider } from "@makeswift/runtime/controls";

runtime.registerComponent(Banner, {
  type: "banner",
  label: "Banner",
  props: {
    opacity: Slider({
      label: "Opacity",
      defaultValue: 100,
      min: 0,
      max: 100,
      step: 1,
    }),
  },
});
```

For full documentation, see the [Slider control reference](/developer/docs/reference/controls/slider).