pos-picture

Properties

Property	Attribute	Description	Type	Default
blurredBackground	blurred-background	Use a blurred version of the image as its own background, if the image is scaled down to fit into the container.	boolean	false

Events

Event	Description	Type
pod-os:resource		CustomEvent<any>

CSS Custom Properties

Name	Description
--border-radius	Border radius of the picture
--height	Height of the picture
--object-fit	CSS object-fit of the picture
--width	Width of the picture

Dependencies

Used by

• pos-app-generic
• pos-login
• pos-user-menu

Depends on

• pos-image

Graph

graph TD;
  pos-picture --> pos-image
  pos-image --> ion-skeleton-text
  pos-image --> ion-icon
  pos-app-generic --> pos-picture
  pos-login --> pos-picture
  pos-user-menu --> pos-picture
  style pos-picture fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS