React Shared Components

Interactive testing environment for react-shared components

Theme Playground

Current: Default

StoreButton

A flexible button component that adapts to different themes and layouts

Interactive Playground

Customize the button properties and see the changes in real-time

All Variants

Different button variants for various use cases

Primary

Tertiary

Text

All Sizes

Different button sizes for different contexts

States

Different button states

API Reference

Props

variant

'primary' | 'tertiary' | 'text' - Button style variant (default: 'primary')

size

'lg' | 'md' | 'sm' - Button size (default: 'lg')

layout

'default' | 'brim' | 'ode' | 'nova' | 'crest' | 'rung' | 'glint' - Theme-specific layout (auto-detected from theme)

disabled

boolean - Disables the button (default: false)

noIcon

boolean - Hides the icon (default: false)

icon

React.ReactNode - Custom icon to display

onClick

() => void - Click handler function

children

React.ReactNode - Button text content