psychology Module Learning

ให้ AI รีวิวและเรียนรู้โมดูลแต่ละตัว เพื่อสร้าง template ได้ถูกต้องมากขึ้น

รีวิวแล้ว: 1 / 69

lightbulb

Module Learning คืออะไร?

กดปุ่ม "ให้ AI รีวิว" ที่โมดูลใดก็ได้ AI จะอ่านข้อมูลโมดูลนั้น (props, description, AI Notes) แล้วเขียน "สรุปการใช้งาน" ออกมา ระบบจะนำข้อมูลนี้ไปใส่ใน context ของ AI ทุกครั้งที่สร้าง template ทำให้ AI รู้จักโมดูลดีขึ้นมาก

dashboard

Cards

article BlogCard Blog Card	check_circle รีวิวแล้ว 13/03/2026	โมดูล Blog Card เป็นส่วนประกอบที่ใช้แสดงบทความหรือข่าวสารในรูปแบบการ์ดที่สวยงามและน่าสนใจ เหมาะสำหรับการนำเสนอเนื้อหาบล็อกหรือข่าวสารบนหน้าเว็บไซต์ ช่วยให้ผู้เข้าชมสามารถเห็นภาพรวมของเนื้อหาและคลิกเข้าไปอ่านรายละเอียดเพิ่มเติมได้ง่าย	sticky_note_2	edit_note จัดการ
category IconBox Icon Box	ยังไม่รีวิว	กล่องไอคอน+ชื่อ+คำอธิบาย	sticky_note_2	edit_note จัดการ
payments PricingCard Pricing Card	ยังไม่รีวิว	การ์ดแสดงราคา/แพ็กเกจ	sticky_note_2	edit_note จัดการ
shopping_bag ProductCard Product Card	ยังไม่รีวิว	การ์ดสินค้า E-commerce		edit_note จัดการ
rocket_launch ServiceCard Service Card	ยังไม่รีวิว	การ์ดแสดงบริการ		edit_note จัดการ
looks_one StepItem Step Item	ยังไม่รีวิว	ขั้นตอนแบบ numbered steps		edit_note จัดการ
person TeamMember Team Member	ยังไม่รีวิว	การ์ดแสดงข้อมูลทีมงาน		edit_note จัดการ
chat_bubble Testimonial Testimonial	ยังไม่รีวิว	รีวิวจากลูกค้า	sticky_note_2	edit_note จัดการ

article

Content

warning Alert แจ้งเตือน (Alert)	ยังไม่รีวิว	กล่องแจ้งเตือน info/warning/error	edit_note จัดการ
smart_button Button ปุ่ม (Button)	ยังไม่รีวิว	ปุ่ม CTA กำหนดสีและรูปแบบได้	edit_note จัดการ
code CodeBlock Code Block	ยังไม่รีวิว	แสดงโค้ดพร้อม syntax highlight	edit_note จัดการ
extension CustomBlock Custom HTML	ยังไม่รีวิว	HTML+Tailwind custom block	edit_note จัดการ
horizontal_rule Divider เส้นคั่น (Divider)	ยังไม่รีวิว	เส้นแบ่ง section	edit_note จัดการ
image Image รูปภาพ (Image)	ยังไม่รีวิว	แสดงรูปภาพ รองรับ URL และ upload	edit_note จัดการ
format_list_bulleted List รายการ (List)	ยังไม่รีวิว	รายการแบบ bullet หรือ numbered	edit_note จัดการ
format_quote Quote คำพูด (Quote)	ยังไม่รีวิว	Blockquote สวยงาม	edit_note จัดการ
text_fields Text ข้อความ (Text)	ยังไม่รีวิว	ข้อความ พร้อม rich text editor	edit_note จัดการ
videocam Video วิดีโอ (Video)	ยังไม่รีวิว	Embed วิดีโอ YouTube/Vimeo	edit_note จัดการ

edit_note

Forms

contact_mail ContactForm Contact Form	ยังไม่รีวิว	แบบฟอร์มติดต่อ	edit_note จัดการ
send FormButton Form Submit Button	ยังไม่รีวิว	ปุ่ม submit ฟอร์ม	edit_note จัดการ
check_box FormCheckbox Form Checkbox	ยังไม่รีวิว	Checkbox input	edit_note จัดการ
input FormInput Form Input	ยังไม่รีวิว	ช่องกรอกข้อมูล	edit_note จัดการ
arrow_drop_down_circle FormSelect Form Dropdown	ยังไม่รีวิว	Dropdown select	edit_note จัดการ
notes FormTextarea Form Textarea	ยังไม่รีวิว	กล่องข้อความหลายบรรทัด	edit_note จัดการ
mail NewsletterForm Newsletter Form	ยังไม่รีวิว	ฟอร์มสมัครรับข่าว	edit_note จัดการ

touch_app

Interactive

expand_more Accordion Accordion/FAQ	ยังไม่รีวิว	FAQ แบบ expand/collapse	edit_note จัดการ
compare_arrows ComparisonTable Comparison Table	ยังไม่รีวิว	ตารางเปรียบเทียบ features	edit_note จัดการ
map MapEmbed Google Map	ยังไม่รีวิว	Embed Google Map	edit_note จัดการ
campaign NotificationBar Notification Bar	ยังไม่รีวิว	แถบประกาศด้านบน	edit_note จัดการ
share SocialLinks Social Links	ยังไม่รีวิว	ไอคอน social media	edit_note จัดการ
table_chart Table ตาราง (Table)	ยังไม่รีวิว	ตารางข้อมูล	edit_note จัดการ
tab Tabs Tabs	ยังไม่รีวิว	เนื้อหาแบบ tab	edit_note จัดการ
timeline Timeline Timeline	ยังไม่รีวิว	Timeline แสดงประวัติ/ขั้นตอน	edit_note จัดการ
text_fields TypewriterText Typewriter Text	ยังไม่รีวิว	ข้อความแบบพิมพ์ทีละตัว	edit_note จัดการ
waves WaveDivider Wave Divider	ยังไม่รีวิว	Wave divider ระหว่าง section	edit_note จัดการ

grid_view

Layout

view_quilt Container Container	ยังไม่รีวิว	กล่องทั่วไป กำหนดความกว้างได้	edit_note จัดการ
dashboard FlexContainer Flex Container	ยังไม่รีวิว	Flexbox layout ยืดหยุ่น	edit_note จัดการ
crop_free FreeCanvas Free Canvas	ยังไม่รีวิว	วาง element ได้อิสระ	edit_note จัดการ
view_column GridCol Grid Column	ยังไม่รีวิว	คอลัมน์ใน Grid	edit_note จัดการ
grid_view GridContainer Grid Container	ยังไม่รีวิว	CSS Grid layout	edit_note จัดการ
view_stream GridRow Grid Row	ยังไม่รีวิว	แถวใน Grid	edit_note จัดการ
view_agenda Section Section	ยังไม่รีวิว	Section กว้างเต็มหน้า	edit_note จัดการ
expand Spacer Spacer	ยังไม่รีวิว	ช่องว่างระหว่าง element	edit_note จัดการ

image

Media

compare BeforeAfter Before/After	ยังไม่รีวิว	เปรียบเทียบ before/after slider		edit_note จัดการ
view_carousel Carousel Carousel/Slider	ยังไม่รีวิว	slider รูปภาพหรือ content		edit_note จัดการ
photo_library GalleryGrid Gallery Grid	ยังไม่รีวิว	แกลลอรี่รูปภาพแบบ grid		edit_note จัดการ
view_carousel ImageSlide Image Slide	ยังไม่รีวิว	Slideshow รูปภาพล้วน รองรับลิงก์ต่อสไลด์ และสัดส่วนรูปแบบ responsive	sticky_note_2	edit_note จัดการ
business LogoStrip Logo Strip	ยังไม่รีวิว	แถวโลโก้พาร์ทเนอร์		edit_note จัดการ
animation LottieAnimation Lottie Animation	ยังไม่รีวิว	Animation จาก Lottie JSON		edit_note จัดการ
trending_flat Marquee Marquee/Ticker	ยังไม่รีวิว	ข้อความหรือรูปวิ่ง		edit_note จัดการ
collections PortfolioGallery Portfolio Gallery	ยังไม่รีวิว	แสดงผลงานแบบ masonry		edit_note จัดการ

Navigation

chat_bubble FloatingButton Floating Button	ยังไม่รีวิว	ปุ่มลอย (LINE, WhatsApp, etc.)	edit_note จัดการ
call_to_action FooterBlock Footer	ยังไม่รีวิว	Footer พร้อม social links	edit_note จัดการ
menu NavMenu Navigation Menu	ยังไม่รีวิว	แถบ navigation พร้อม logo และ links	edit_note จัดการ
keyboard_arrow_up ScrollToTop Scroll To Top	ยังไม่รีวิว	ปุ่มเลื่อนกลับด้านบน	edit_note จัดการ
push_pin StickyCTA Sticky CTA Bar	ยังไม่รีวิว	แถบ CTA ติดด้านล่างหน้า	edit_note จัดการ

view_agenda

Sections

featured_play_list Feature Features Section	ยังไม่รีวิว	Section แสดง features หลายอัน	sticky_note_2	edit_note จัดการ
panorama Hero Hero Section	ยังไม่รีวิว	Hero section ขนาดใหญ่	sticky_note_2	edit_note จัดการ
view_carousel HeroImageSlide Hero + Slideshow	ยังไม่รีวิว	Hero พร้อม image slideshow	sticky_note_2	edit_note จัดการ
smart_display VideoHero Video Hero	ยังไม่รีวิว	Hero พื้นหลังเป็น video	sticky_note_2	edit_note จัดการ

bar_chart

Stats

timer Countdown Countdown Timer	ยังไม่รีวิว	นับถอยหลังถึงเวลาสำคัญ	edit_note จัดการ
linear_scale ProgressBar Progress Bar	ยังไม่รีวิว	Progress bar แสดงทักษะ/ความคืบหน้า	edit_note จัดการ
star Rating Rating (Stars)	ยังไม่รีวิว	ดาวคะแนนรีวิว	edit_note จัดการ
speed StatsCounter Stats Counter	ยังไม่รีวิว	ตัวเลขสถิติแบบนับขึ้น	edit_note จัดการ

build

Utilities

cookie CookieConsent Cookie Consent	ยังไม่รีวิว	แถบขอ consent cookie	edit_note จัดการ
open_in_new Popup Popup Modal	ยังไม่รีวิว	Popup modal แสดงเนื้อหา	edit_note จัดการ
payments PromptPayQR PromptPay QR	ยังไม่รีวิว	QR code PromptPay ไทย	edit_note จัดการ
qr_code_2 QRCodeWidget QR Code	ยังไม่รีวิว	สร้าง QR Code จาก URL	edit_note จัดการ
record_voice_over SocialProofPop Social Proof Pop	ยังไม่รีวิว	Pop-up แสดงการซื้อล่าสุด	edit_note จัดการ