Figure component

OverviewPermalink

Figures are used as container for responsive images.

StructurePermalink

A figure structure is very simple:

  • <Figure> the main container
    • <FigureImage> source image that needs to be displayed
    • <FigureCaption> a caption text bellow the image

UsagePermalink

<Figure Size="FigureSize.Is256x256">
    <FigureImage Source="assets/images/empty/256x256.png" AlternateText="256x256" />
    <FigureCaption>A caption for the above image.</FigureCaption>
</Figure>

AttributesPermalink

FigurePermalink

Name Type Default Description
Size ButtonSize None Figure size variations.

FigureImagePermalink

Name Type Default Description
Source string   Image URL.
AlternateText string   Alternate text when image cannot be found.
Rounded boolean false Makes the figure border rounded.