c98e4f0521
This change is going to solve the wrapped text line-height. Before this change, the Label is must set `line-height: 100%` to render at same line with the checkbox. But if there have a long text in label, wrapped lines need more line-height to leave lines spaces. But if we set line-height over the 100%, that the checkbox will not align horizontal center. So, this change to use other child to solve this issue, we can set line-height to the child not to the label. <img width="1204" alt="image" src="https://github.com/user-attachments/assets/981cf925-01c7-48d7-9dd2-881c727a1759" /> |
||
|---|---|---|
| .cargo | ||
| .github | ||
| assets | ||
| crates | ||
| script | ||
| .gitignore | ||
| Cargo.lock | ||
| Cargo.toml | ||
| DEVELOPMENT | ||
| LICENSE-APACHE | ||
| README.md | ||
GPUI Component
This is still an early stage of development, we may change API frequently. But the features is ok to use, you must keep tracking our changes.
UI components for building fantastic desktop application by using GPUI.
Features
- Theming
- TitleBar
- Dock, Tiles
- TextInput, TextArea, OtpInput
- Button, Link
- Label
- Icon
- Checkbox, Radio, Switch
- Dropdown
- Tabs
- Notification
- Tooltip
- Popover
- Resizable
- Progress & Indicator
- Slider
- Skeleton
- DatePicker, DateRangePicker, Calendar
- ColorPicker
- List
- Table
- Menu
- Drawer
- Modal
- WebView
- Accordion
- Sidebar
- Breadcrumb
- Badge
- TextView (Markdown, Simple HTML) to native rendering, syntax highlighting.
- Toggle, ToggleGroup
Showcase
Here is the first application: Longbridge that is built by using GPUI Component.
It still under development, not published yet.
We build multi-themes support in application, this feature is not including in GPUI Component. It is based on Theme feature, so it easy to do.
Usage
GPUI and GPUI Component still in development, so we need add dependency by git.
And GPUI Component depends on gpui by special version (It keep updated to upstream) for including WebView support.
gpui = { git = "https://github.com/huacnlee/zed.git", branch = "webview" }
gpui-component = { git = "https://github.com/longbridge/gpui-component.git" }
WebView
GPUI Component have WebView element based on Wry, this is an optional feature, you can enable it by feature flag.
gpui-component = { git = "https://github.com/longbridge/gpui-component.git", features = ["webview"] }
More usage can be found in story directory.
Icons
GPUI Component have Icon element, but it does not include SVG files by default.
The example is using Lucide icons, but you can use any icons you like, just named the svg files like IconName defined the path name. You can add icons that you need in your project.
Demo
If you want to see the demo, here is a some demo applications.
- gpui-app-windows.zip - Updated at 2024/10/16
Development
cargo run
More examples can be found in examples directory.
Checkout DEVELOPMENT to see more details.
License
Apache-2.0