คอมโพเนนต์ทั้งหมด

Poster

โปสเตอร์โปรเจกต์ สีกระดาษหนึ่งสี ตัวอักษรหนึ่งตัว ชื่อหนึ่งชื่อ

ui/display.tsxServer safeลายเซ็นของ ASWINOLOGY°

โปสเตอร์โปรเจกต์

ลายเซ็นของ ASWINOLOGY° สีกระดาษหนึ่งสี ตัวอักษรหนึ่งตัว ชื่อหนึ่งชื่อ ตัวอักษรใหญ่ตามความกว้างการ์ดด้วย container query

Product2026Lurnelleแพลตฟอร์มเรียนรู้Identity2026Aswinologyตัวตนและเว็บส่วนตัว Tool2026Mock examsข้อสอบออนไลน์พร้อมรายงานผล Language2025Japanese notesบันทึกภาษาญี่ปุ่น

tsx

<Poster glyph="L" title="Lurnelle" description="แพลตฟอร์มเรียนรู้" meta={["Product", "2026"]} tint="1" href="/projects/lurnelle" />
<Poster glyph="a." title="Aswinology" meta={["Identity", "2026"]} tint="accent" />
<Poster glyph="日" title="Japanese notes" meta={["Language", "2025"]} tint="ink" />

Props

Prop	Type	Default	คำอธิบาย
`glyph`	`ReactNode`	`-`	ตัวอักษรหรือสัญลักษณ์หนึ่งถึงสองตัว
`title / description`	`ReactNode`	`-`	ชื่อและคำอธิบายสั้น
`meta`	`ReactNode[]`	`-`	ป้ายบนสุด ไม่เกินสาม
`tint`	`"1" \| "2" \| "3" \| "4" \| "accent" \| "ink"`	`"1"`	สีกระดาษจากโทเคน tint
`href`	`string`	`-`	ทำเป็นลิงก์