Launchpad™

Component Design Gallery

Interactive showcase of StandardsCore UI components and controls.

Loading grid data…

Baselines

Single-line

Full Name

Multi-line

Comments

Read-only

Label Positions

Label Top

Label Left

Label Right

Label Bottom

Images

Image Left only

Image Right only

Images Left + Right

Compound Label (with description)

Compound Label (no images)

API Key Found in your account settings

Compound + Images L+R

API Key Found in your account settings

Multi-line + Compound + Images

Release Notes Markdown supported

Recessed Input Cue (opt-in)

Recessed via ShowRecessedParameter

Full Name

Recessed via Metadata flag

Recessed + Multi-line + Compound

Release Notes Markdown supported

Recessed + Images L+R

Numeric (auto regex + typed coercion)

Integer (int, non-nullable)

Integer (int?, nullable — clears OK)

Long (Integer metadata, 64-bit)

Decimal (decimal, non-nullable)

Decimal (decimal?, nullable)

Double (Decimal metadata)

MaxLength (metadata vs parameter, single + multi-line)

Single-line — MaxLength via Metadata (20)

Single-line — MaxLength via Parameter (15)

Tag

Multi-line — MaxLength via Metadata (250)

Multi-line — MaxLength via Parameter (100)

Short Note

Baselines (plain — no images, no descriptions)

SingleSelect (baseline)

Color

Red

Green

Blue

MultiSelect (baseline)

Toppings

Pepperoni

Mushrooms

Olives

RadioGroup (baseline)

Size

Small

Medium

Large

SingleSelectWithOtherInput (baseline)

Color

Select

Red

Green

Blue

Other

Partial Decoration (selective features)

RadioGroup — Image Left only

Priority

High

Medium

Low

MultiSelect — Image Right only

SingleSelect — Plain Label (no description)

Department

Select

Engineering

Marketing

Sales

Support

All decorations enabled

SingleSelect

Notification Channel Standard dropdown selection

Select

SMS

Push

Slack

SingleSelectWithOtherInput

Notification Channel Standard dropdown with Other

Select

SMS

Push

Slack

Other

SingleSelectWithCustomInput

Preferred Editor Dropdown with free-text entry

Select or type an editor...

VS Code

Visual Studio

Rider

TypeAhead

Destination City Autocomplete search with filtering

New York

London

Tokyo

Paris

Sydney

MultiSelect

Features to Enable Checkbox list for multiple selections

Dark ModeReduce eye strain in low light

NotificationsStay updated on changes

Auto-SaveNever lose your work

AnalyticsTrack usage and performance

Legacy ExportBeing phased out — use new API

MultiSelectWithCustomInput

Skills & Expertise Checkbox list with custom additions

AzureMicrosoft cloud platform

.NETCross-platform runtime

SQLDatabase query language

GitVersion control

RadioGroup

Subscription Plan Mutually exclusive radio buttons

Free TierBasic features, no cost

Standard$9/month — most popular

Premium$29/month — all features

Regex-constrained free-text inputs (all 3 custom-input variants)

SingleSelectWithOtherInput — letters only

Color Other accepts letters and spaces only (^[A-Za-z ]+$)

Select

Red

Green

Blue

Other

SingleSelectWithCustomInput — email format

Contact Custom entries must be valid email addresses

Select or type an email...

VS Code

Visual Studio

Rider

MultiSelectWithCustomInput — digits only

Reference Codes Custom entries must be numeric (^\d+$)

AzureMicrosoft cloud platform

.NETCross-platform runtime

SQLDatabase query language

GitVersion control

MaxLength-constrained free-text inputs (all 3 custom-input variants)

SingleSelectWithOtherInput — MaxLength 10

Color Other input capped at 10 characters

Select

Red

Green

Blue

Other

SingleSelectWithCustomInput — MaxLength 30

Editor Custom entry capped at 30 characters

Select or type an editor...

VS Code

Visual Studio

Rider

MultiSelectWithCustomInput — MaxLength 8

Reference Codes Custom entries capped at 8 characters

AzureMicrosoft cloud platform

.NETCross-platform runtime

SQLDatabase query language

GitVersion control

MaxLength + Regex combined (all 3 custom-input variants)

SingleSelectWithOtherInput — uppercase 2–5 letters

Color Code ^[A-Z]{2,5}$ + MaxLength 5

Select

Red

Green

Blue

Other

SingleSelectWithCustomInput — email + MaxLength 50

Contact Email Email format + MaxLength 50

Select or type an email...

VS Code

Visual Studio

Rider

MultiSelectWithCustomInput — digits 1–6 + MaxLength 6

Numeric Codes ^\d{1,6}$ + MaxLength 6

AzureMicrosoft cloud platform

.NETCross-platform runtime

SQLDatabase query language

GitVersion control

Main Labels and/or Images below Choice Control

SingleSelect — Label Bottom only

Red

Green

Blue

Region

MultiSelect — Compound Label Bottom

Pepperoni

Mushrooms

Olives

Toppings Choose as many as you like

RadioGroup — Label Bottom + Image Left

High

Medium

Low

Priority

SingleSelect — Label Bottom + Compound + Images L+R

Select

SMS

Push

Slack

Notification Channel Standard dropdown selection

Bare Minimum

No label / no image

Simple label (default)

Enable notifications

Description only (no label position)

Auto-save Saves your work every 30 seconds

Label Positions

Label Top

Dark mode

Label Left

Dark mode

Label Right

Dark mode

Label Bottom

Dark mode

Image Only (no external label)

Image Left

With left image

Image Right

With right image

Label + Images Combined

Label Top + Image Left

Sync data

Label Top + Image Right

Sync data

Label Left + Images L+R

Sync data

Compound Label (with description)

Compound Label Top

Telemetry Help improve the product by sending usage data

Compound Label Left

Telemetry Help improve the product

Compound + images L+R

Advanced sync Bi-directional real-time synchronization

Pre-checked

Pre-checked + Decoration

Accept terms and conditions Required to proceed with the service