Dummy
ダミーテキストを出力できるLismコンポーネントです。
| プロパティ | 説明 |
|---|---|
lang | 言語を指定できます。デフォルトでen。そのほか、jaをサポートしています。 |
length | ダミーテキストの長さを指定できます。有効な値は xs, s, l, xl です。 |
pre | ダミーテキストの前に表示するテキストを指定できます。 |
tag | ダミーテキストのタグを指定できます。 |
offset | ダミーテキストのオフセットを指定できます。,、.単位で区切って切り捨てします。（長さは短くなります） |
Import
Section titled “Import”import { Dummy } from 'lism-css/react';ダミーテキストの例
Section titled “ダミーテキストの例”Lorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi.
ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。
<Dummy /><Dummy lang='ja' />xs: ロレム・イプサムの座り雨。
s: ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。
l: ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。
xl: ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。つまり、彼らはあなたの悩みに一般的な魂を癒しています。困難な必要性に少ないもの、それがコンテンツの比較です。あなたが選択的な彼女の事実、無意味な含有、便利な阻止と甘さ、誰かがもっと腐敗した残り物。提供する時間の生活、それで発明者が賢明です。
<Dummy lang='ja' length='xs' pre='xs: ' /><Dummy lang='ja' length='s' pre='s: ' /><Dummy lang='ja' length='l' pre='l: ' /><Dummy lang='ja' length='xl' pre='xl: ' />length='codes'にすると、<b>,<i>,<a>,<code>を含んだダミーテキストを出力します。 ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのようなLiberroyの取り組み。
<Dummy lang='ja' length='codes' />ロレム・イプサムの座り雨。
トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。
ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。
<Dummy lang='ja' length='xs' /><Dummy lang='ja' offset={1} /><Dummy lang='ja' length='l' offset={3} />ダミーリスト
Section titled “ダミーリスト”tag='ul' と tag='ol' を指定した場合は、リストを出力します。
- Lorem ipsum dolor sit,
- amet consectetur adipisicing elit,
- sed do eiusmod tempor.
- Non facere laudantium ex eos doloribus aut dolore nisi.
- Lorem ipsum dolor sit,
- amet consectetur adipisicing elit,
- sed do eiusmod tempor.
- Non facere laudantium ex eos doloribus aut dolore nisi.
<Dummy tag='ul' /><Dummy tag='ol' />tag='img' を指定した場合は、https://cdn.lism-css.com/からダミー画像を出力します。
<Dummy tag='img' />