Component

Stepper

Also known as: Nudger, Quantity

A control for editing a numeric value with buttons for decrementing / incrementing.

16 Examples

Filter:

  • Nudger

    Backpack

    Tech

    • Mobile
    • React

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Tone of voice

  • Stepper

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Numeric input

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • Number input

    Carbon Design System

    Tech

    • React
    • Vanilla JS
    • Angular
    • Vue
    • Svelte
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Quantity

    Decathlon Design System

    Tech

    • CSS
    • React
    • Svelte
    • Vue
    • Web Components

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Quantity

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Number input

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • SpinButton

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • NumberField

    Gestalt

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Open source
    • Usage guidelines

  • Stepper

    Nessie

    Tech

    • Web Components
    • Tailwind CSS

    Features

    • Usage guidelines
    • Code examples

  • Stepper

    No Style Design System

    Tech

    • Sass
    • jQuery

    Features

    • Open source
    • Unmaintained

  • Stepper

    Orbit

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice

  • Number input

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Stepper

    Ruter Components

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Input Stepper

    Ruter Components

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Stepper

    SEB Design Library

    Tech

    • Sass
    • React
    • Angular

    Features

    • Code examples
    • Usage guidelines

Resources

  • Numeric Stepper Guidelines

    By Tess Gadd

    Balsamiq

Name distribution