Images can be styled in different ways using ABMaterial.

Responsive Images

To make images resize responsively to page width, you can set the IsResponsive property to true. It will have a max width of 100% and the height will be changed automatically

Circular Images

To make images appear circular, simply set IsCircular to true.

Material Box

Material box is a material design implementation of the Lightbox plugin. When a user clicks on an image that can be enlarged. Material box centers the image and enlarges it in a smooth, non-jarring manner. To dismiss the image, the user can either click on the image again, scroll away, or press the ESC key. This is done by setting IsMaterialBoxed to true.

Click the image to see Material Box at work.

Toggle

Using 'InitializeAsToggle()' will create a toggle image.

Click the image to toggle the star.