Gpui Component

Documentation

• Full reference: fetch https://longbridge.github.io/gpui-component/llms-full.txt
• Per-component API: fetch https://longbridge.github.io/gpui-component/docs/components/{name}.md
  • e.g. button.md, input.md, select.md, dialog.md, data-table.md
• Any site page can be fetched as Markdown by appending .md to the URL

Quick Reference

Setup — always required:

gpui_component::init(cx);               // in app.run(), must be first
Root::new(view, window, cx)             // first-level view in every window

Stateless — use directly in render:

Button::new("id").primary().label("OK").on_click(|_, _, _| {})

Stateful — hold Entity<State> in struct, pass ref in render:

// in new():  let input = cx.new(|cx| InputState::new(window, cx));
// in render: Input::new(&self.input)

Sizes: .xsmall() .small() .medium() (default) .large()

Theme: cx.theme().primary · .background · .foreground · .border · .muted

Component Catalog

When you need a component, find it here. For full API, fetch its .md doc.

Input & Form

Display & Feedback

Overlay & Popups

Navigation & Layout

Data Display

Charts

Reference Files

• usage.md — setup patterns, component types, common examples
• style-guide.md — code style for contributors