Placeholder

Content placeholders have been growing as a core component in modern web applications. Get familiar with Vulk's content placeholder.

Placeholder

Content placeholder layout

illustration

Project not found

Hey there, looks like you've hit an empty state. Make sure to create a project before assigning tasks.


<template>
  <Placeholder
    title="Project not found"
    subtitle="some nice subtitle text."
  >
    <template #image>
      <DarkImage
        src="https://dummyimage.com/800x600"
        src-dark="https://dummyimage.com/800c600"
        alt="illustration"
      />
    </template>
    <template #action>
      <Buttons alignment="centered">
        <Button color="primary" :long="2" raised>Projects</Button>
        <Button :long="2">Dashboard</Button>
      </Buttons>
    </template>
  </Placeholder>
</template>