React Shared Components

Interactive testing environment for react-shared components

Theme Playground

Current: Default

SectionTitle

A styled section title component with theme-specific layouts and decorative icons

Interactive Playground

Customize the section title properties and see the changes in real-time

Section Title

All Layouts

Different layout variants for various themes

default Layout

Featured Products

brim Layout

Featured Products

ode Layout

Featured Products

nova Layout

Featured Products

crest Layout

Featured Products

rung Layout

Featured Products

glint Layout

Featured Products

Common Use Cases

Different section titles for various content areas

Product Sections

Featured Products

Best Sellers

New Arrivals

Content Sections

About Me

Testimonials

FAQ

Course Sections

Course Curriculum

What You'll Learn

Student Reviews

API Reference

Props

layout

'default' | 'brim' | 'ode' | 'nova' | 'crest' | 'rung' | 'glint' - Layout variant (default: 'default')

theme

any (optional) - Theme configuration object

className

string (optional) - Additional CSS classes

children

React.ReactNode - The title text content

Features

  • •Automatically adapts to the current theme
  • •Multiple layout variants for different design styles
  • •Includes decorative icon background (theme-dependent)
  • •Responsive typography and spacing
  • •Semantic HTML with h2 heading tag