PlaygroundConfigurator

Interactive playground for component documentation with live preview, controls panel, and code generation.

Playground

Configure controls and see the live output

Hello World

Color

Bold

Font Size

Label

Loading syntax highlighting...

Control Types

Every supported control in action

All Controls

Urbicon Active

Variant

Active

Opacity

Name

Count

Accent

Loading syntax highlighting...

Conditional Controls

Controls that appear based on other values

Conditional Visibility

Operation completed.

Intent

Dismissible

Loading syntax highlighting...

Sizes

Compact, default, and spacious layouts

Size: sm

Intent

Label

Loading syntax highlighting...

Size: md

Intent

Label

Loading syntax highlighting...

Size: lg

Intent

Label

Loading syntax highlighting...

Custom Code Generator

Pass your own code generator for tailored output

Button Builder

Variant

Intent

Size

Disabled

Label

Loading syntax highlighting...

PropDocs & VariantKeys

Info tooltips and variant badges for controls

With Prop Documentation

Variant

Size

Clearable

Placeholder

Loading syntax highlighting...

Use Cases

Where PlaygroundConfigurator fits in docs

API Reference

Complete list of component properties and their configurations

15 props 3 required

No matching properties

No matching properties

llm.txt