記事は準備中です
テキスト
heading 2
boldなテキスト
heading 3
線が引かれているテキスト
code
リッチなリンクカード(前後に改行)
リスト
- リスト1
- リスト2
- リスト2-1
- リスト3
リスト(番号付き)
- リスト1
- リスト2
- リスト2-1
- リスト3
リスト(チェックボックス付き)
- リスト1
- リスト2
- リスト2-1
- リスト3
コードブロック
"use client";
import React from "react";
// https://date-fns.org/
import { parseISO, format } from "date-fns";
export default function Date({ dateString }: { dateString: string }) {
const date = parseISO(dateString);
return <time dateTime={dateString}>{format(date, "yyyy/MM/dd")}</time>;
}
テーブル
ヘッダー1 | ヘッダー2 | ヘッダー3 |
---|---|---|
テキスト1 | テキスト2 | テキスト3 |
テキスト4 | テキスト5 | テキスト6 |
テーブル(左寄せ)
ヘッダー1 | ヘッダー2 | ヘッダー3 |
---|---|---|
テキスト1 | テキスト2 | テキスト3 |
テキスト4 | テキスト5 | テキスト6 |
テーブル(右寄せ)
ヘッダー1 | ヘッダー2 | ヘッダー3 |
---|---|---|
テキスト1 | テキスト2 | テキスト3 |
テキスト4 | テキスト5 | テキスト6 |
テーブル(中央寄せ)
ヘッダー1 | ヘッダー2 | ヘッダー3 |
---|---|---|
テキスト1 | テキスト2 | テキスト3 |
テキスト4 | テキスト5 | テキスト6 |