<Callout> は、ページ内で特定の情報を強調するためのコンポーネントです。

<Grid cols="1">
  <Callout title="Info" variant="default">
    Default callout has blue color
  </Callout>
  <Callout title="Error" variant="error">
    Error callout has red color
  </Callout>
  <Callout title="Neautral" variant="neutral">
    Neutral callout has grey color
  </Callout>
  <Callout title="Warning" variant="warning">
    Warning callout has yellow color
  </Callout>
  <Callout title="Success" variant="success">
    Success callout has green color
  </Callout>
</Grid>

​
プロパティ

​
title
String
required

Calloutのタイトルを指定します。

​
variant
String
required

Calloutのバリエーションを指定します。デフォルトは default です。