EmptyState
OrganismEmpty-state message shown when there is no data. Supports icon, title, description, and action slots.
No results
<%- include('modules/ui/EmptyState', {
title: 'No results'
}) %>
No items yet
Get started by creating your first item.
<%- include('modules/ui/EmptyState', {
title: 'No items yet',
description: 'Get started by creating your first item.',
icon: ''
}) %>
Your inbox is empty
New messages will appear here as soon as they arrive.
<%- include('modules/ui/EmptyState', {
title: 'Your inbox is empty',
description: 'New messages will appear here as soon as they arrive.',
icon: '',
action: ''
}) %>
No matches found
Try adjusting your search or filter to find what you are looking for.
<%- include('modules/ui/EmptyState', {
title: 'No matches found',
description: 'Try adjusting your search or filter.',
icon: '',
action: ''
}) %>
<%
var _title = locals.title || '';
var _description = locals.description || '';
var _icon = locals.icon || '';
var _action = locals.action || '';
var _className = locals.className || '';
%>
<% if (_icon) { %>
<% } %>
<%= _title %>
<% if (_description) { %>
<%= _description %>
<% } %>
<% if (_action) { %>
<%- _action %>
<% } %>