Open UI
GitHub Discord

Image

Names

Anatomy

None of the Image JSON /resources define an anatomy.

Concepts

contain
cover
scaleDown
responsive
class-fluid
centerContain
none
center
centerCover
fluid
centered
fit concept on a Image component in Auth0 Styleguide.
contain
fit concept on a Image component in Auth0 Styleguide.
cover
fit concept on a Image component in Auth0 Styleguide.
scaleDown
fit concept on a Image component in Boosted.
responsive
fit concept on a Image component in Bootstrap.
class-fluid
fit concept on a Image component in UI Fabric.
contain
fit concept on a Image component in UI Fabric.
centerContain
fit concept on a Image component in UI Fabric.
none
fit concept on a Image component in UI Fabric.
center
fit concept on a Image component in UI Fabric.
cover
fit concept on a Image component in UI Fabric.
centerCover
fit concept on a Image component in Semantic UI.
fluid
fit concept on a Image component in Semantic UI.
centered
fit concept on a Image component in Stardust UI.
fluid

default concept on a Image component in Ant Design.
default concept on a Image component in Auth0 Styleguide.
default concept on a Image component in UI Fabric.
default concept on a Image component in Semantic UI.
default concept on a Image component in Stardust UI.

alignment
class-float
center
verticalAlign
alignment concept on a Image component in Auth0 Styleguide.
alignment concept on a Image component in Boosted.
class-float
alignment concept on a Image component in Bootstrap.
class-float
alignment concept on a Image component in UI Fabric.
center
alignment concept on a Image component in Semantic UI.
verticalAlign

16:9-ratio
4:3-ratio
1:1-ratio
ratio concept on a Image component in GoodBarber Design System.
16:9-ratio
ratio concept on a Image component in GoodBarber Design System.
4:3-ratio
ratio concept on a Image component in GoodBarber Design System.
1:1-ratio

sharp
rounded
round
shape concept on a Image component in GoodBarber Design System.
sharp
shape concept on a Image component in GoodBarber Design System.
rounded
shape concept on a Image component in GoodBarber Design System.
round

class-rounded
rounded
rounded concept on a Image component in Bootstrap.
class-rounded
rounded concept on a Image component in Semantic UI.

circular concept on a Image component in Semantic UI.
circular concept on a Image component in Stardust UI.

avatar concept on a Image component in Semantic UI.
avatar concept on a Image component in Stardust UI.

thumbnail concept on a Image component in Boosted.

maximizeFrame concept on a Image component in UI Fabric.

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

bordered concept on a Image component in Semantic UI.

size concept on a Image component in Semantic UI.

spaced concept on a Image component in Semantic UI.

floated concept on a Image component in Semantic UI.