---
tags: components
title: Empty state message
description: "Empty state messages for when no data is available with optional actions and illustrations."
---
.grid.gap-defaultgutter.grid-cols-3-auto
  .empty-state-message Empty state message. No items here yet.
  .empty-state-message.search Searching empty state message. No items here yet.
  .empty-state-message.look-left Empty state message looking left. No items here yet.
  .empty-state-message.sad Sad empty state message. No items here yet.
  .empty-state-message.smile Smiling empty state message. No items here yet.
  .empty-state-message.deceased Deceased empty state message. No items here yet.
  .empty-state-message.chat Chatting empty state message. No items here yet.
  .empty-state-message.bell A cute bell telling you that there are no notifications here.
  .empty-state-message.horizontal
    Horizontal empty state message.
    %br
    No items here yet.