Komponen Vinyet menampilkan kepada pengguna bahwa ada lebih banyak konten yang dapat dilihat.
Anatomi

A. Elips
B. Masker
Tata letak adaptif

Keseluruhan
vignette itu diperbesar secara proporsional untuk mengisi layar. Hal ini berlaku untuk semua varian komponen ini (seluruh, atas, dan bawah).

Atas
vignette itu diperbesar secara proporsional untuk mengisi layar. Hal ini berlaku untuk semua varian komponen ini (seluruh, atas, dan bawah).

Bawah
vignette itu diperbesar secara proporsional untuk mengisi layar. Hal ini berlaku untuk semua varian komponen ini (seluruh, atas, dan bawah).