23 |
24 | We built multi-theme support in the application. This feature is not included in GPUI Component itself, but is based on the `Theme` feature, so it's easy to implement.
25 |
26 | ## Usage
27 |
28 | GPUI and GPUI Component are still in development, so you need to add dependencies by git.
29 |
30 | ```toml
31 | gpui = { git = "https://github.com/zed-industries/zed.git" }
32 | gpui-component = { git = "https://github.com/longbridge/gpui-component.git" }
33 | ```
34 |
35 | ### WebView
36 |
37 | > Still early and experimental; there are a lot of limitations.
38 |
39 | GPUI Component has a `WebView` element based on [Wry](https://github.com/tauri-apps/wry). This is an optional feature, which you can enable with a feature flag.
40 |
41 | ```toml
42 | gpui-component = { git = "https://github.com/longbridge/gpui-component.git", features = ["webview"] }
43 | ```
44 |
45 | More usage examples can be found in the [story](https://github.com/longbridge/gpui-component/tree/main/crates/story) directory.
46 |
47 | ### Icons
48 |
49 | GPUI Component has an `Icon` element, but it does not include SVG files by default.
50 |
51 | The example uses [Lucide](https://lucide.dev) icons, but you can use any icons you like. Just name the SVG files as defined in [IconName](https://github.com/longbridge/gpui-component/blob/main/crates/ui/src/icon.rs#L86). You can add any icons you need to your project.
52 |
53 | ## Development
54 |
55 | We have a gallery of applications built with GPUI Component.
56 |
57 | ```bash
58 | cargo run
59 | ```
60 |
61 | More examples can be found in the `examples` directory. You can run them with `cargo run --example A simple HTML document
3 |
4 | Here is a test in div.
5 |
39 |
40 |
6 | This is a paragraph inside a div element, have
7 | code text.
11 |
This is a text before blockquote.
16 |17 | This is before paragraph in blockquote. 18 |21 | 26 |This is a second blockquote paragraph.
19 |This is after paragraph in blockquote.
20 |
27 | 
28 |
30 |
32 | A text after div.
33 | This is second paragraph.
31 |34 | 这是一个中文演示段落，用于展示更多的 35 | Markdown GFM 36 | 内容。これは日本語のデモ段落です。の多言語サポートを示すためのテキストが含まれています。 37 |
38 |
41 |
72 | Text before the section.
73 | List
42 | Example for Bulleted and Numbered List: 43 | 44 |Numbered List
45 | Text before the Numbered List. 46 |-
47 |
-
48 | Numbered item 1
49 |
-
50 |
- Sub item 1 51 |
- Sub item 2 52 |
54 | - Numbered item 2 55 |
- Numbered item 3 56 |
Bulleted List
59 | Text before the Bulleted List. 60 |-
61 |
-
62 | Bullet 1
63 |
-
64 |
- Sub Numbered 1 65 |
- Sub Numbered 2 66 |
68 | - Bullet 2 69 |
Table
75 | Text before the table. 76 || Head 1 | 80 |Head 2 | 81 |
|---|---|
| This Cell have 2 span | 86 ||
| Cell 3 | 89 |Cell 4 | 90 |
Images
98 |
99 | 100 | (A Tesla Model X on display at the June 2024 Shanghai new energy 101 | vehicle show. Image credit: CnEVPost) 102 |
103 |
104 | Text before the image.
105 | 
106 | Text after the image.
107 |