125k

Typography

PreviousNext

見出し、段落、リストなどのスタイル

BaseRadixReact Aria

デフォルトでは、タイポグラフィ スタイルは出荷されません。このページは、ユーティリティ クラスを使用してテキストのスタイルを設定する方法の例です。

笑いへの課税:ジョーク税の年代記

昔々、遠い国に、一日中王座に寝そべって過ごす、とても怠け者の王様がいました。ある 日、家臣たちが困った問題を持って王様のもとを訪れました。王国の財政が底をつきかけ ていたのです。

王様の計画

王様はじっくりと考えた末、ついに ある名案を思いついた。国中のジョークに税を課すというのだ。

「そもそも」と王様は言った。「誰もが楽しいジョークを好むのだから、その特権に対し て代金を払うのは当然のことだ」

ジョーク税

王様の家臣たちはこれを面白がらなかった。ぶつぶつと不満を漏らしたが、王様の意志は 固かった:

  • 第一段階の言葉遊び:金貨5枚
  • 第二段階のジョーク:金貨10枚
  • 第三段階の一言ギャグ:金貨20枚

その結果、誰もジョークを言わなくなり、王国は陰気な雰囲気に包まれた。しかし、王様 の愚かな考えに屈しない者が一人だけいた。ジョーカーという名の道化師である。

ジョーカーの反乱

ジョーカーは夜な夜な城に忍び込み、あちこちにジョークを仕掛けるようになった。王様 の枕の下、スープの中、さらには王室のトイレの中にまで。王様は激怒したが、ジョーカ ーを止めることはできなかった。

そしてある日、王国の人々はジョーカーが残したジョークがあまりにも面白く、笑いを抑 えられないことに気づいた。そして一度笑い始めると、誰も止まらなかった。

民衆の反乱

笑いによって元気づけられた王国の人々は、再びジョークや言葉遊びを口にするようにな り、やがて王国中がこの笑いの渦に加わった。

王室の財庫民衆の幸福度
空っぽあふれるほど
そこそこ満足
いっぱい大喜び

王様は、家臣たちがどれほど幸せになったかを見て、自らの過ちに気づき、ジョーク税を 廃止した。ジョーカーは英雄と称えられ、王国はその後幸せに暮らした。

この物語の教訓は、良い笑いの力を決して過小評価してはならない、そして悪い考えには 常に気をつけるべきだということだ。

export function TypographyDemo() {
  return (
    <div>

h1

笑いへの課税:ジョーク税の年代記

export function TypographyH1() {
  return (
    <h1 className="scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance">

h2

王国の人々

export function TypographyH2() {
  return (
    <h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0">

h3

ジョーク税

export function TypographyH3() {
  return (
    <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">

h4

人々はジョークを言わなくなった

export function TypographyH4() {
  return (
    <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">

p

王様は、家臣たちがどれほど幸せになったかを見て、自らの過ちに気づき、ジョーク税を 廃止した。

export function TypographyP() {
  return (
    <p className="leading-7 [&:not(:first-child)]:mt-6">

ブロック引用

「そもそも」と王様は言った。「誰もが楽しいジョークを好むのだから、その特権に対し て代金を払うのは当然のことだ」
export function TypographyBlockquote() {
  return (
    <blockquote className="mt-6 border-l-2 pl-6 italic">

テーブル

King's TreasuryPeople's happiness
EmptyOverflowing
ModestSatisfied
FullEcstatic
export function TypographyTable() {
  return (
    <div className="my-6 w-full overflow-y-auto">

リスト

  • 第一段階の言葉遊び:金貨5枚
  • 第二段階のジョーク:金貨10枚
  • 第三段階の一言ギャグ:金貨20枚
export function TypographyList() {
  return (
    <ul className="my-6 ml-6 list-disc [&>li]:mt-2">

インライン コード

@radix-ui/react-alert-dialog
export function TypographyInlineCode() {
  return (
    <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">

リード

モーダルダイアログは、重要な内容でユーザーの操作を中断し、応答を求めるものです。

export function TypographyLead() {
  return (
    <p className="text-xl text-muted-foreground">

大きい

本当によろしいですか?
export function TypographyLarge() {
  return <div className="text-lg font-semibold">本当によろしいですか?</div>
}

小さい

メールアドレス
export function TypographySmall() {
  return (
    <small className="text-sm leading-none font-medium">メールアドレス</small>

ミュート

メールアドレスを入力してください。

export function TypographyMuted() {
  return (
    <p className="text-sm text-muted-foreground">メールアドレスを入力してください。</p>

RTL

shadcn/ui で RTL サポートを有効にするには、RTL 構成ガイド を参照してください。

فرض الضرائب على الضحك: سجلات ضريبة النكتة

في قديم الزمان، في أرض بعيدة، كان هناك ملك كسول جداً يقضي يومه كله مستلقياً على عرشه. في أحد الأيام، جاءه مستشاروه بمشكلة: المملكة كانت تنفد من المال.

خطة الملك

فكر الملك طويلاً وبجد، وأخيراً توصل إلى خطة عبقرية: سيفرض ضريبة على النكات في المملكة.

"في النهاية،" قال، "الجميع يستمتع بنكتة جيدة، لذا من العدل أن يدفعوا مقابل هذا الامتياز."

ضريبة النكتة

لم يكن رعايا الملك سعداء. تذمروا واشتكوا، لكن الملك كان حازماً:

  • المستوى الأول من التورية: 5 قطع ذهبية
  • المستوى الثاني من النكات: 10 قطع ذهبية
  • المستوى الثالث من النكات القصيرة: 20 قطعة ذهبية

نتيجة لذلك، توقف الناس عن رواية النكات، وغرقت المملكة في الكآبة. لكن كان هناك شخص واحد رفض أن تحبطه حماقة الملك: مهرج البلاط المسمى المازح.

ثورة المازح

بدأ المازح يتسلل إلى القلعة في منتصف الليل ويترك النكات في كل مكان: تحت وسادة الملك، في حسائه، حتى في المرحاض الملكي. كان الملك غاضباً، لكنه لم يستطع إيقاف المازح.

وبعد ذلك، في يوم من الأيام، اكتشف سكان المملكة أن النكات التي تركها المازح كانت مضحكة جداً لدرجة أنهم لم يستطيعوا منع أنفسهم من الضحك. وبمجرد أن بدأوا بالضحك، لم يستطيعوا التوقف.

ثورة الشعب

شعر سكان المملكة بالبهجة من الضحك، وبدأوا في رواية النكات والتورية مرة أخرى، وسرعان ما أصبحت المملكة بأكملها جزءاً من النكتة.

خزينة الملكسعادة الشعب
فارغةفائضة
متواضعةراضٍ
ممتلئةمنتشٍ

الملك، عندما رأى مدى سعادة رعاياه، أدرك خطأ طرقه وألغى ضريبة النكتة. أُعلن المازح بطلاً، وعاشت المملكة في سعادة دائمة.

مغزى القصة هو: لا تستهن أبداً بقوة الضحك الجيد وكن دائماً حذراً من الأفكار السيئة.

"use client"

import * as React from "react"