Storybook

The Framework includes an interactive Storybook showcasing all UI components.

Online Storybook

Visit the live Storybook at:

https://mythetech.github.io/Mythetech.Framework/

What's Included

The Storybook demonstrates:

• UI Components — Interactive demos of all custom components
• Component States — Different configurations and variations
• Live Examples — Working code samples you can modify
• API Documentation — Properties, events, and usage patterns

Components

The Framework extends MudBlazor with additional components:

Component	Description
Button	Enhanced button with additional styles
Switch	Material Design 3 toggle with keyboard navigation
SimpleTabs	Lightweight tab container
VirtualizeContainer	Virtualized scrolling container
VirtualizeGrid	Virtualized grid layout
HoverStack	Stack that responds to hover
ExternalLink	Cross-platform link component
Progress	Progress indicators
Badge	Notification badges
Secrets	Secure input for sensitive data
Input	Enhanced form inputs

Running Locally

To run the Storybook locally:

# Clone the repository
git clone https://github.com/Mythetech/Mythetech.Framework

# Navigate to the Storybook project
cd Mythetech.Framework/Mythetech.Framework.Storybook

# Run the project
dotnet run

Open your browser to https://localhost:5001 to view the Storybook.

BlazingStory

The Storybook is built with BlazingStory, providing:

• Component isolation
• Interactive property editing
• Dark/light theme preview
• Documentation integration