Users selected ratios
The user will be able to choose among these 3 predefined ratios for the size of the preview thumbnails:
System Aspect Ratio
Sometimes, thumbnail sizes are not influenced by the user's choice as some layouts do not allow this.
In this particular case, the base of the thumbnail is square and we split at the 3rd third.
Some aspects of this component are covered in the section Foundations / Images Aspect Ratio / Thumbnails
Below, the Shape atom applied to the button with the types Sharp / Rounded / Round:
The Border and Shadow atoms are not applied directly to the component, but to the component in which it is integrated, as in the examples below:
The appearance of the thumbnail can change depending on the component in which it is integrated:
In the example below, the list item is visually composed of a thumbnail and a text. The atom shape is applied to the 4 corners of the thumbnail.
In the examples below, the list item is visually composed of a thumbnail, a text and a background. This background can have a color, a border or a shadow and in this case, visually, the atom shape does not seem to apply to the 4 corners of the thumbnail.