Figure

Figures are used as containers for responsive images.

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

Basic Example

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

Attributes

Figure

Name Description Type Default
Size Figure size variations. ButtonSize None

FigureImage

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