olivierauverlot
32778bf0ad
* empty_state component added * empty_state component added * Correction and new example * rename status_code to header * Enhance empty_state component documentation and template to support rich text formatting. Update docs with detailed descriptions and examples, and modify Handlebars template to conditionally render Markdown content. * add and document class and id attributes --------- Co-authored-by: lovasoa <contact@ophir.dev>
30 lines
840 B
Handlebars
30 lines
840 B
Handlebars
<div class="empty{{#if class}} {{class}}{{/if}}"{{#if id}} id="{{id}}"{{/if}}>
|
|
{{#if header}}
|
|
<div class="empty-header">{{header}}</div>
|
|
{{else}}
|
|
{{#if icon}}
|
|
<div class="empty-icon">
|
|
<span>{{icon_img icon }}</span>
|
|
</div>
|
|
{{else}}
|
|
{{#if image}}
|
|
<div class="empty-img"><img src="{{image}}" height="128" alt="{{image}}"/></div>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/if}}
|
|
<p class="empty-title">{{title}}</p>
|
|
<div class="empty-subtitle text-secondary remove-bottom-margin">
|
|
{{~#if description}}<p>{{description}}</p>{{/if~}}
|
|
{{~#if description_md~}}
|
|
{{{markdown description_md}}}
|
|
{{~/if~}}
|
|
</div>
|
|
|
|
<div class="empty-action">
|
|
<a href="{{link}}" class="btn btn-primary">
|
|
<span class="me-1">{{icon_img link_icon}}</span>
|
|
{{link_text}}
|
|
</a>
|
|
</div>
|
|
</div>
|