Dummy

ダミーテキストを出力できるLismコンポーネントです。

Props

プロパティ	説明
`lang`	言語を指定できます。デフォルトで`en`。そのほか、`ja`をサポートしています。
`length`	ダミーテキストの長さを指定できます。有効な値は `xs`, `s`, `l`, `xl` です。
`pre`	ダミーテキストの前に表示するテキストを指定できます。
`tag`	ダミーテキストのタグを指定できます。
`offset`	ダミーテキストのオフセットを指定できます。`,`、`.`単位で区切って切り捨てします。（長さは短くなります）

Import

import { Dummy } from 'lism-css';

ダミーテキストの例

↓

ダミーテキストの言語の違い

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' />

↓

offsetの例

ロレムイプサムの座り雨。

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

ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。

<Dummy lang='ja' length='xs' />
<Dummy lang='ja' offset={1} />
<Dummy lang='ja' length='l' offset={3} />

ダミーリスト

tag='ul' と tag='ol' を指定した場合は、リストを出力します。

↓

ダミーリストの例 1

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' />