Empty state

A starting point when there is no content yet.

Empty state

No projects yet

Add the first one and it shows up here.

<div class="<%= form_card_class(padding: :empty) %>">
  <div class="<%= empty_state_class %>">
    <p class="font-semibold text-ink">No projects yet</p>
    <p class="text-sm">Add the first one and it shows up here.</p>
  </div>
</div>

API reference

form_card_class

form_card_class(padding: :default, extra: nil)

Parameter	Default	Values
padding	:default	:default · :compact · :snug · :empty
extra	nil	Additional Tailwind classes

empty_state_class

empty_state_class(extra: nil)

Parameter	Default	Values
extra	nil	Additional Tailwind classes