empty_state.html
html
sha256:f65847c6a4ae29872f3ccbc2420f91a8948949b84a06320bdaf2ac281c89ff8a
docs(F7b): governance sync — BUILT awaiting Gabriel; carry …
Human
patch
26 days ago
| 1 | {# |
| 2 | empty_state — centred empty-state card with Lucide icon, title, and description. |
| 3 | |
| 4 | Parameters |
| 5 | ---------- |
| 6 | icon : str |
| 7 | Lucide icon name (e.g. "music-2", "inbox", "git-pull-request"). |
| 8 | Rendered as an inline SVG via Lucide's data attribute. |
| 9 | title : str |
| 10 | Short headline, e.g. "No issues yet". |
| 11 | desc : str |
| 12 | Explanatory sentence. |
| 13 | action_url : str |
| 14 | If provided with action_label, renders a primary CTA button. |
| 15 | action_label : str |
| 16 | Button label text. |
| 17 | |
| 18 | Usage |
| 19 | ----- |
| 20 | {% from "musehub/macros/empty_state.html" import empty_state %} |
| 21 | {{ empty_state(title="No issues yet", |
| 22 | desc="Open an issue to start tracking work.", |
| 23 | icon_name="circle-dot", |
| 24 | action_url=base_url + "/issues/new", |
| 25 | action_label="Open an issue") }} |
| 26 | #} |
| 27 | {% macro empty_state(title, desc, icon_name='inbox', action_url='', action_label='') %} |
| 28 | <div class="empty-state"> |
| 29 | <div class="empty-icon"> |
| 30 | {{ icon(icon_name, 40, "icon--light-stroke") }} |
| 31 | </div> |
| 32 | <p class="empty-title">{{ title }}</p> |
| 33 | <p class="empty-desc">{{ desc }}</p> |
| 34 | {% if action_url and action_label %} |
| 35 | <a href="{{ action_url }}" class="btn btn-primary">{{ action_label }}</a> |
| 36 | {% endif %} |
| 37 | </div> |
| 38 | {% endmacro %} |
File History
2 commits
sha256:f65847c6a4ae29872f3ccbc2420f91a8948949b84a06320bdaf2ac281c89ff8a
docs(F7b): governance sync — BUILT awaiting Gabriel; carry …
Human
patch
26 days ago
sha256:417c976b0b9320bb758749eb014d9087354fa3186e2abd2fc949e74a670237e7
merge(F7b B1): carry overseer provenance onto dev; resolve …
Human
minor
⚠
26 days ago