Live demo embed

Interactive iframe of the BentoSMS demo. Portal switcher tabs, expand/minimize fullscreen, loading state.

5 tokens

Preview

Loading admin portal…

import { LiveDemoEmbed } from '@/components/live-demo-embed'

<LiveDemoEmbed />

This component reads these tokens directly: change one on a Foundations page and it updates here and across the site.

Radius desktop--ds-radius-lg

1rem

Border--ds-border

#E5E7EB

Surface--ds-surface

#F5F7F5

Text muted--ds-text-muted

#6B7280

Transition speed--ds-transition

300ms