UrlPlate

The Switchboard MCP URL set large in mono on a raised plate, with a copy button and a status row.

DataIsland

Examples

Children go in the row under the URL: a Lamp and a few counts.

https://sb.example.dev/mcp/u_7f3k2

Trunk live4 servers87 tools

Example

Wrap

<UrlPlate url={mcpUrl}>
  <Lamp state="live" label="Trunk live" showLabel />
  <span>4 servers</span>
  <span>87 tools</span>
</UrlPlate>

Wrap

import { UrlPlate } from '@switchboard/ui'

<UrlPlate url={mcpUrl} />

Every component also takes mix, for css() and mixins applied after its own style.

UrlPlate props
Prop	Type	Default	Description
url*	string	–	The URL shown and copied.
label	string	'Your Switchboard URL'	Accessible name of the region.
copyLabel	string	'Copy URL'	Label of the copy button.
children	RemixNode	–	Status row under the URL.

Also accepts every <section> attribute.

A labelled <section> region, so it shows up in the landmarks list.
The URL is plain selectable text; the copy button announces "Copied to clipboard".