UI elements — FlexCore Showcase

Overview

Five small controls that have no page of their own yet, grouped by what they do: status and feedback, and content. Each is shown with the parameters it is usually given. Tables for each control follow later.

Examples

#Badges, alerts and skeletons

BadgeControl takes a Variant, a Size, or IsDot for a status dot. AlertControl is an inline banner with a Severity and an optional close. SkeletonControl holds the place of loading content.

Example

Razor

Primary Success Danger Warning Info Dark Small Large

Import finished

1,204 vendor rows loaded; 3 skipped as duplicates.

Slow connection

Round trips are taking about 200 ms.

Sync failed

The upstream server did not answer.

Scheduled maintenance

Saturday 02:00 to 03:00 UTC.

#Timeline and breadcrumb

TimelineControl lists TimelineItemControls, each with a title, a time and a coloured point. BreadCrumbControl takes a list of BreadCrumbItems; the last one renders without a link.

Example

Razor

C#

09:00

Contract signed

Initial phase authorised.

13:30

Materials dispatched

Lumber and concrete en route.

16:45

Quality inspection

Compliance check scheduled.

Documentation

Parameter tables for these five controls are still to be written from source (BadgeControl, AlertControl, SkeletonControl, TimelineControl, BreadCrumbControl).