Element: #127 Fixed ratio (display/image)
What it shows: An Image with an inline 4:3 gradient SVG, constrained to a 360px wrapper.
When to use: Content images where width and height are declared so the layout does not shift.
Spec:
- ``
- `src` is an inlined `data:image/svg+xml;utf8,` gradient, so the demo needs no asset
- Wrapper is `
`
Tags: image, alt, width, height, aspect-ratio, placeholder
Needs: @codeatlasdev/ui@4.4.0
Components: Image
Live demo: https://ui.codeatlas.com.br/docs/display/image#fixed-ratio