MADS External Test

Plain HTML / no JavaScript required. If this page renders correctly at every viewport, the cx-* export bundle works for any external application.

Buttons — variants

primary: XS SM MD LG

secondary: Secondary Secondary

ghost: Ghost Ghost

outline: Outline Outline

danger: Delete Confirm

disabled: Disabled Disabled

Badges & status

Purple Cyan Green Amber Red Blue

connected warning error synced

Cards & containers

Standard

Quick Note

Deployment scheduled for 2:00 AM UTC.

Hover-lift

Reminder

Review PR #437 before EOD.

Frosted

Update

Node.js upgraded to v20.11.0 on staging.

Inputs

Stats grid

Components

1,233

Categories

28

Utilities

1,305+

Typography & gradients

Gradient heading

Secondary text — body copy at default contrast.

Muted text — used for hints and metadata.

✓ All elements above use only cx-* classes. Safe to copy this entire HTML to any external application that loads mads.css.