edbnedbn/uiBeta
  • Blocks
  • Templates
  • Pricing
Sign inSign in
Explorer
/
  • A–Z
  • Get started
    • Overview
  • Elements
    • Actions
    • Progress & feedback
    • Sign-in & forms
    • Notifications
  • Application
    • AI chat
    • Dashboards
    • Settings
    • Onboarding
    • Scheduling
  • Marketing
    • Navbars
    • Heroes
    • Features
    • Pricing
    • Testimonials
    • Calls to action
    • FAQ
    • Contact
    • Footers
  • Commerce
    • Product lists
    • Product details
    • Cart & checkout
  1. Blocks
  2. Pricing
  3. Pricing usage slider

More in Pricing

All 4 blocks
  • Pricing tiers
  • Pricing comparison
  • Pricing seats

Pricing usage slider

A usage slider with an estimated monthly bill that splits into the base plan and each rate band.

ProPricingshadcn Base UI

Dependencies

Packages1

  • lucide-react^1.33.0

Registry items7

  • edbn-base
  • button
  • card
  • separator
  • slider
  • table
  • text-link

Installation