Vignette
Stay organized with collections
Save and categorize content based on your preferences.
![](/static/wear/images/vignette/vignette-hero.png)
The Vignette component displays to the users that there’s more content to see.
Anatomy
Adaptive layouts
![](/static/wear/images/vignette/vignette-adaptive-layout-usage.png)
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.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{
"last_modified": "Last updated 2024-07-12 UTC.",
"state": ""
}