Interactive

VelinStyle ships accessible custom elements—here are a few working together on one page.

Focus trap, Escape to close, overlay click.

This is a live velin-modal. Primary action is safe to stub in a demo.

Toast

Back to demos

Account — completed in this demo flow.

Workspace — active step (active="1"). Wire next() / prev() from your app.

Invite step.

Use value for completion. Pair with your own data fetch or upload state.

Politely announces status messages to assistive tech (live region). Try the buttons—screen readers will read each message.

Side-anchored panel for filters, carts, or secondary forms. Opens via show(), closes on backdrop click.

Slide-in surface for tasks that need context but not a full modal. Pair with form-control inputs.

Note