コンテンツにスキップ

Note

ブログ記事などで、重要なポイントを示すためのコンポーネントです。

Preview
Note Title

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。

リサイズ可能
<Note title='Note Title'>
<Dummy lang='ja' />
</Note>

Import

ソースコードを手動でコピー&ペーストしてご利用ください。

Props

プロパティ説明
keycolor表示カラーを指定します。
iconアイコンを指定できます。
typekeycoloriconの組み合わせのプリセット値を指定できます。初期値:"note"
titleタイトルテキストを指定します。
isFlow__bodyに渡されます

Examples

iconkeycolorを指定
Heading text...

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。

<Note title='Heading text...' icon='star' keycolor='blue'>
<Dummy lang='ja'/>
</Note>

※ アイコンは、title の指定がある時のみ表示されます。

Presets

このページで紹介している構築例では、typeを指定できるようにしています。

type="note"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="alert"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="warning"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="point"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="check"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="info"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

type="help"

ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroy, Foo の取り組み。

<Note title='type="note"' type='note'>...</Note>
<Note title='type="alert"' type='alert'>...</Note>
<Note title='type="warning"' type='warning'>...</Note>
<Note title='type="point"' type='point'>...</Note>
<Note title='type="check"' type='check'>...</Note>
<Note title='type="info"' type='info'>...</Note>
<Note title='type="help"' type='help'>...</Note>