Empty

何も無いときの面。

見つからない

条件を一つ外すと、いくつか出る。

import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent, Button } from "@yoiailabs/ui"

<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">
      <SearchIcon />
    </EmptyMedia>
    <EmptyTitle>見つからない</EmptyTitle>
    <EmptyDescription>条件を一つ外すと、いくつか出る。</EmptyDescription>
  </EmptyHeader>
  <EmptyContent>
    <Button variant="outline">条件を消す</Button>
  </EmptyContent>
</Empty>

Props	値
`EmptyMedia variant`	default / icon