New UI Components

Explore newly ported UI components in FlexCore — Badges, Alerts, Skeletons, Rating, Cards, Accordion, Breadcrumbs, Timelines, Carousels, Switches, Sliders, SplitButtons, FABs, QR/Barcodes, Security Code, and TimeSpan Pickers.

1. Badges & Alerts

Badge Variants & Sizes

Primary Success Danger Warning Info Dark Small Large

Alert Banners

Success Alert

Your data model changes have been saved successfully.

Warning Alert

Your connection is operating on high latency (200ms).

Error Alert

Failed to sync with upstream server circuit.

Informational

All grid rows are rendered via pure SVG / native Blazor.

2. Cards & Accordion

Project Alpha

Active Project

Detailed description for Project Alpha with milestone metrics.

In Progress

Project Beta

Planning Phase

Preliminary architecture specifications and resource allocation.

Queued

Accordion Multi-Section

System Architecture

FlexCore provides host-independent, zero-dependency pure Blazor UI controls.

3. Advanced Inputs & Pickers

Toggle Switches & Sliders

Switch is: ON Disabled Switch

Range Slider: 65%

Star Rating: 4 / 5

Split Button

Security Code (OTP PIN): 492018

TimeSpan Duration Picker

4. QR, Barcode, Timeline & Skeleton

Pure SVG QR Code

Pure SVG Barcode

Loading Skeletons

Event Timeline

09:00 AM

Contract Signed

Milestone initial phase authorization.

01:30 PM

Materials Dispatched

Lumber and concrete shipment en route.

04:45 PM

Quality Inspection

Scheduled compliance evaluation.