Skip to content

Code editor with side panel

A code editor interface for editing JSON configuration files, featuring a main editor area with line numbers and syntax highlighting, a top toolbar with tabs, a side panel with collapsible documentation and feature sections, and bottom action buttons.

Explore the examples

Tailscale — Code block component
Tailscale logo
Tailscale

A code editor interface for editing JSON configuration files, featuring a main editor area with line numbers and syntax highlighting, a top toolbar with tabs, a side panel with collapsible documentation and feature sections, and bottom action buttons.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams