Skip to content

shadcn.io is an independent project built on shadcn/ui

Free

Mac Control Symbol Kbd for Solid

The Mac Control symbol and Space, grouped as a ⌃Space label. The caps do not listen for that chord.

UI library: Ark UI

The first cap is ⌃ and the second is Space, in one group. It is how Mac menus write Control. The demo does not register the keys.

Use ⌃ for Mac Control, not for Windows Ctrl. Put the hint on the control that handles it, such as a Button. In Solid, Ark UI does not bind Control Space.

Preview

Preview width

Installation

MCP · Pro
Make your AI a shadcn expert
Your agent installs components, builds pages and restyles your app from one prompt, in Claude Code, Cursor or VS Code.
Get MCPSee plans
Part of Pro

Anatomy

Kbd anatomy: kbd, group

Usage

<div class="rounded-md border bg-background p-4">
    <KbdGroup>
      <Kbd>⌃</Kbd>
      <Kbd>Space</Kbd>
    </KbdGroup>
  </div>

FAQ

What's the difference between Control and Command on Mac?

Command runs app shortcuts like copy and save. Control is used for terminal shortcuts, some system shortcuts and a few app ones, and Control click opens the context menu.

What is the ⌃ symbol and how do I type it?

It's the up arrowhead, U+2303. Paste it from macOS's Character Viewer or copy it from here; it's a plain character in the string.

Which Control shortcuts do Mac users need?

⌃Space to switch input sources, ⌃⌘Space for the emoji and symbol picker, ⌃ with the arrow keys for Mission Control and spaces, and ⌃Tab to switch tabs in many apps.

Is ⌃Space the Spotlight shortcut?

No, Spotlight is ⌘Space. ⌃Space switches between input sources by default, and code editors often use it to show suggestions.

Do screen readers read ⌃?

Not reliably: it may be read as up arrowhead or skipped. Add Control as visually hidden text inside the cap, with the symbol hidden, when it matters.

Is Mac Control the same as Windows Ctrl?

It's the same physical key, but most Windows Ctrl shortcuts use ⌘ on Mac. Ctrl C on Windows is ⌘C, not ⌃C, so translate shortcuts one by one.

API Reference

Kbd

No extra props in this demo. The rest is on the Kbd page.

All 39 kbd examples