This is an info Alert.
  • Home
  • Learn More
      • About Us
      • Contact Us
      • FAQs
      • Pricing
      • Terms
      • Privacy
Sign InSign Up
Stepper
  1. Components
  3. Stepper
  • https://mui.com/material-ui/react-stepper/
​
  • Foundation
    • Colors
    • Typography
    • Shadows
    • Grid
    • Icons
  • Mui
    • Accordion
    • Alert
    • Autocomplete
    • Avatar
    • Badge
    • Breadcrumbs
    • Buttons
    • Checkbox
    • Chip
    • Data grid (MUI X)
    • Date pickers (MUI X)
    • Dialog
    • Drawer
    • List
    • Menu
    • Pagination
    • Popover
    • Progress
    • Radio button
    • Rating
    • Slider
    • Stepper
    • Switch
    • Table
    • Tabs
    • Text field
    • Timeline
    • Tooltip
    • Transfer list
    • Tree view (MUI X)
  • Extra
    • Animate
    • Carousel
    • Chart
    • Dnd
    • Editor
    • Form validation
    • Form wizard
    • Image
    • Label
    • Layout
    • Lightbox
    • Map
    • Markdown
    • Mega menu
    • Multi-language
    • Navigation bar
    • Organization chart
    • Scroll progress
    • Scrollbar
    • Snackbar
    • Upload
    • Utilities
Horizontal linear stepper
1Select campaign settings
2Create an ad groupOptional
3Create an ad
Set budget, targeting, and display preferences for your campaign.
Linear alternative label
1Select campaign settings
2Create an ad groupOptional
3Create an ad
Set budget, targeting, and display preferences for your campaign.
Vertical linear stepper
1Select campaign settings

Set budget, targeting, and display preferences for your campaign.

2Create an ad group
3Create an adLast step
Customized stepper
Select campaign settings
Create an ad group
Create an ad
Select campaign settings
Create an ad group
Create an ad
Set budget, targeting, and display preferences for your campaign.
Mobile stepper
Text
Select campaign settings

Set budget, targeting, and display preferences for your campaign.

1 / 3
Dots
Select campaign settings

Set budget, targeting, and display preferences for your campaign.

Progress
Select campaign settings

Set budget, targeting, and display preferences for your campaign.

  • On this page
  • 1 - Horizontal linear stepper
  • 2 - Linear alternative label
  • 3 - Vertical linear stepper
  • 4 - Customized stepper
  • 5 - Mobile stepper

One platform to run your community organization. Events, budgets, communications, fundraising — plus Paige, your AI assistant.

GroupSmarter
About usContact usFAQs
Legal
Terms and ConditionsPrivacy Policy
Contact
hello@groupsmarter.com

© 2026 GroupSmarter. All rights reserved.