Empty

What is absent and the next step: an icon circle, a title, one sentence, one or two actions.

No keys yet

Create a key so an application can call the gateway.

<Empty
      title="No keys yet"
      description="Create a key so an application can call the gateway."
      actions={
        <>
          <Button variant="primary">Create key</Button>
          <Button>Read about keys</Button>
        </>
      }
    />

import { Empty } from "@logicplanes/kaeso-ui";

Props

actions
ReactNode
One primary and at most one secondary action.
children
ReactNode
One sentence that says what to do, and an action.
description
ReactNode
One sentence: what is absent and the next step.
size
"md" | "lg" | "compact" = lg
How much room it takes: a whole page (lg), a section (md) or a row (compact).
title
ReactNode
What is missing, in a few words.