Images
The image is a possible responding option to offer the user a simple image to a topic.
It is based on the design of the CAKE image.
Overall styling and usage#
- Use the image to show product images, special events or announcements.
- The component has rounded corners of 2px.
- The image ratio always is 4:3 because most lidl images are photographed in this format.
- Only in this way it can be guaranteed that no information is cut off.
- The sample content should always be adapted to the appropriate aspect ratio.
- The image streches over the full width of the chatwindow.
What can be modified#
- Override the content.
- Adjust height and width.
Our workflow in Sketch#
- These symbols are always placeholders.
- These placeholders can later easy be replaced by inserting sample content images.
- To set an image, use the "Overrides" function "Choose Image".
Change log#
2.1.0+doc.1 Chat - 2022-05-03#
Added#
Doc: "Image" | Added "What can be modified?" section and alert jump-mark to it
2.0.0 Chat - 2021-07-22#
Changed#
Doc: "Image" | Update documentation
Fix#
Doc: "Image" | Fixed links