Skip to content

Fix missing import #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
programmersd21 merged 1 commit into from
Jul 31, 2026
Merged

Fix missing import #4

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion docs/part-0-fundamentals/first-launch.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ cd ~/quickshell-playground/first-launch
Now create `shell.qml`:

```qml
import QtQuick
import Quickshell

PanelWindow {
Expand Down Expand Up @@ -61,6 +62,7 @@ A small dark panel should appear at the top of your screen with the text "Quicks

Let's break down what each line does:

- `import QtQuick` — provides the standard QML UI types, such as `Text`.
- `import Quickshell` — makes Quickshell's types available. Without this, `PanelWindow` wouldn't be recognized.
- `PanelWindow { ... }` — creates a window using the Layer Shell protocol, positioned at the top layer. `PanelWindow` is the primary window type for bars and panels.
- `width: 400; height: 48` — the window is 400 by 48 pixels.
Expand All @@ -74,6 +76,7 @@ Let's break down what each line does:
Let's add a few more elements to see how the panel responds:

```qml
import QtQuick
import Quickshell

PanelWindow {
Expand Down Expand Up @@ -128,7 +131,7 @@ Save and see the hot reload in action. The panel now has a workspace indicator o
When you ran `quickshell ./`, the following occurred:

1. Quickshell scanned the directory for `shell.qml`
2. It loaded the QML file and resolved the `import Quickshell` statement
2. It loaded the QML file and resolved the `QtQuick` and `Quickshell` imports.
3. It created a `PanelWindow` — this involved:
- Opening a Wayland connection
- Creating a `wlr-layer-shell` surface
Expand Down