Vignette
Stay organized with collections
Save and categorize content based on your preferences.

The Vignette component displays to the users that there’s more content to see.
Anatomy
Adaptive layouts

Whole
The vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).
Top
The vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).
Bottom
The vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-07-12 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-07-12 UTC."],[],[]]