Skip to main content
Urbicon UI

PlaygroundConfigurator

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

Playground

Configure controls and see the live output

Hello World
16
Loading...
Loading syntax highlighting...

Control Types

Every supported control in action

All Controls

3
Urbicon Active
80
Loading...
Loading syntax highlighting...

Conditional Controls

Controls that appear based on other values

Conditional Visibility

Operation completed.
Loading...
Loading syntax highlighting...

Sizes

Compact, default, and spacious layouts

Size: sm

Loading...
Loading syntax highlighting...

Size: md

Loading...
Loading syntax highlighting...

Size: lg

Loading...
Loading syntax highlighting...

Custom Code Generator

Pass your own code generator for tailored output

Button Builder

Loading...
Loading syntax highlighting...

PropDocs & VariantKeys

Info tooltips and variant badges for controls

With Prop Documentation

Loading...
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