CSS: testimonial

div[class~="instui-testimonial"] — Tampilan kutipan atau testimoni dengan atribusi dan gambar opsional.

✅ Gunakan Testimonial ketika:

• Menampilkan testimoni dan kutipan pelanggan atau pengguna

• Anda ingin menonjolkan pernyataan dengan penekanan visual

• Atribusi dan konteks (nama, jabatan, gambar) penting 🚫 Jangan gunakan Testimonial ketika:

• Menampilkan kutipan inline dalam teks tubuh — gunakan elemen blockquote sebagai gantinya

• Pernyataan adalah fokus utama — gunakan Hero atau Card sebagai gantinya

Aksesibilitas

• Gunakan <blockquote> secara semantis untuk kutipan
• Pastikan atribusi jelas dan terkait dengan kutipan
• Jika menggunakan gambar, berikan teks alt

Penggunaan

@import "@pantoken/plugin-layouts/layouts.css";

Contoh

Bagian

Bagian	Deskripsi
.instui-author	Nama penulis atribusi.
.instui-avatar	Gambar profil penulis (opsional).
.instui-content	Kontainer untuk kutipan dan atribusi.
.instui-quote	Teks yang dikutip.
.instui-title	Jabatan atau afiliasi penulis (opsional).

Status

Status	Deskripsi
:optional	—

Token yang digunakan

Token	Tipe	Nilai
--instui-color-background	—	—
--instui-color-primary	—	—
--instui-color-surface	—	—
--instui-color-text-primary	—	—
--instui-color-text-secondary	—	—
--instui-font-size-small	<length>	—
--instui-font-weight-semibold	—	—
--instui-radius-medium	—	—
--instui-space-large	—	—
--instui-space-medium	—	—
--instui-space-small	—	—

Terkait

• card