DummyText

このページは現在調整中です

Lism UI (@lism-css/ui) はまだ準備中です。

ダミーのプレースホルダーテキストを出力します。複数の言語とテキスト長に対応しています。

How to use

@lism-css/ui パッケージでDummyTextとして提供しています。

Import

import { DummyText } from '@lism-css/ui/astro';
// or
import { DummyText } from '@lism-css/ui/react';

Props

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

Examples

↓

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

Lorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

ロレム・イプサムの座り雨。目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。

<DummyText />
<DummyText lang="ja" />

↓

ダミーテキストの長さの違い

xs: ロレム・イプサムの座り雨。

s: ロレム・イプサムの座り雨。目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。

m: ロレム・イプサムの座り雨。目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。

l: ロレム・イプサムの座り雨。目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。作業が進むにつれて、工夫や考えとともに関心が折り重なりながらも、必要以上に主張せず彼らの作品は私たちに一定の示唆を与えてくれます。

xl: ロレム・イプサムの座り雨。目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。作業が進むにつれて、工夫や考えとともに関心が折り重なりながらも、必要以上に主張せず彼らの作品は私たちに一定の示唆を与えてくれます。内容の違いを比べるためのドラーとして、静かにそこにあります。選ばれた事実や、意味を限定しない言葉の並びは、全体の雰囲気を整える役割を果たします。時間の流れの中で、そうした文章は自然に形を変え、使う人の意図に委ねられていきます。

<DummyText lang="ja" length="xs" pre="xs: " />
<DummyText lang="ja" length="s" pre="s: " />
<DummyText lang="ja" length="m" pre="m: " />
<DummyText lang="ja" length="l" pre="l: " />
<DummyText lang="ja" length="xl" pre="xl: " />

↓

length='codes'にすると、<b>,<i>,<a>,<code>を含んだダミーテキストを出力します。

ロレム・イプサムの座り雨、それは静かに歩く仮の言葉です。長いあいだ積み重ねられてきたLiberroyとFoogの取り組み」は、私たちに一定の示唆を与えてくれます。

<DummyText lang="ja" length="codes" />

↓

offsetの例

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

目まぐるしい文章の流れの中で、それは静かに歩く仮の言葉です。Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。

Elitも穏やかに続いていきますが、積み重ねられてきた「LiberroyとFoogの取り組み」は、余白のようなものです。作業が進むにつれて、工夫や考えとともに関心が折り重なりながらも、必要以上に主張せず彼らの作品は私たちに一定の示唆を与えてくれます。

<DummyText lang="ja" length="xs" />
<DummyText lang="ja" offset={1} />
<DummyText lang="ja" length="l" offset={3} />