From 8a21f04a4f00a173db5622e235110b6fbc281e58 Mon Sep 17 00:00:00 2001
From: Parimal Satyal <88370597+psatyal@users.noreply.github.com>
Date: Tue, 12 Nov 2024 17:42:37 +0100
Subject: [PATCH] First draft of Lookbook docs

---
 .../patterns/26-work-package-info-line.md.erb | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 lookbook/docs/patterns/26-work-package-info-line.md.erb

diff --git a/lookbook/docs/patterns/26-work-package-info-line.md.erb b/lookbook/docs/patterns/26-work-package-info-line.md.erb
new file mode 100644
index 000000000000..12eae65577d1
--- /dev/null
+++ b/lookbook/docs/patterns/26-work-package-info-line.md.erb
@@ -0,0 +1,29 @@
+The work package info line is a consistent way to display the most commonly-used  set of basic work package attributes.
+
+## Anatomy
+
+The info line consists of three attributes that are displayed together:
+
+- Type
+- ID
+- Status
+
+Only the ID the only interactive element; it is clickable and points the work package. All other interaction has to come from the element using this work component.
+
+## Best practices
+
+It's best to not separate these three elements in different lines. The element can, however, be wrapped in multi-line if needed.
+
+## Used in
+
+- Hovercard
+- Work package relations tab
+- Work package header
+- ...
+
+## Technical notes
+
+
+### Code structure
+
+[CODE EXAMPLE HERE]
\ No newline at end of file