Skip to main content

Navigation Components Demo

Interactive examples of tabs, pagination, and step navigation components.

Tabs Component

Default Underlined Tabs

Overview

This is the overview tab content. It provides a general introduction to the product or service.

Tab Variants

Boxed Tabs

Boxed tab content 1

Pills Tabs

All items (12 total)

Vertical Tabs

General Settings

Configure your basic account settings and preferences.

Pagination Component

Standard Pagination

Pagination with Controls

Showing 1-20 of 200 results

Pagination Variants

Compact Pagination

Pills Pagination

Simple Pagination

Step Navigation Component

Multi-Step Form Example

  1. 1
    Account Info
    Basic account details
  2. 2
    Personal Info
    Contact information
  3. 3
    Preferences
    Account preferences
  4. 4
    Review
    Confirm details

Step 1: Account Information

Step 2: Personal Information

Step 3: Preferences

Step 4: Review & Submit

Please review your information before submitting.

Username: -

Email: -

Name: -

Phone: -

Language: -

Step Variants

Vertical Steps

  1. 1
    Order Placed
    Your order has been confirmed
  2. 2
    Processing
    We're preparing your order
  3. 3
    Shipped
    Your order is on its way

Minimal Steps

  1. 1
  2. 2
  3. 3
  4. 4

Dots Steps