Tabs

A versatile tabs component for organizing content into interactive sections with animated transitions. Perfect for showcasing features, products, or any content that benefits from tab-based navigation.

Installation

Basic Usage

A simple tabs component that automatically cycles through features, with hover interactions and smooth transitions.

FEATURES

Discover Our Key Features

Explore the powerful features that make our platform stand out

Easy Integration

Seamlessly integrate with your existing workflow

Powerful Analytics

Get insights with comprehensive analytics

Advanced Security

Enterprise-grade security for your data

Props

Prop

Type

Default

Description

id

string

—

Optional ID for anchor linking to this section. Defaults to 'features-tabs'.

overline

string

—

Optional text to display above the title

title

string

—

Main title text

body

string

—

Description text below the title

headingType

string

—

HTML heading tag to use for the title

tabs

array

—

Array of tab objects containing iconName (Lucide React icon name), title, body, and media

mediaParams

object

—

Width and height parameters for media content

theme

string

—

Optional theme override for this section (light, dark, modern)