data-display empty-state

Empty State

Placeholder for empty tables / lists.

$ ndui add empty-state

Component docs

No-results variant (with CTA)

Empty State

Try clearing the filter or adding a new SKU. Your existing products are still safe.

Add product

Source

<partial name="_EmptyState" model='@(new {
    Icon = "search",
    Title = "No products match your filter",
    Description = "Try clearing the filter or adding a new SKU.",
    CtaLabel = "Add product",
    CtaHref = "/products/new"
})' />

Description-only variant (no CTA)

Empty State

Invoices appear here within 24 hours of a charge.

Source

<partial name="_EmptyState" model='@(new {
    Icon = "document",
    Title = "No invoices this month",
    Description = "Invoices appear here within 24 hours of a charge."
})' />