Figures

Anytime you need to display a piece of content, like an image with an optional caption, consider using a Figure.

Figure

Displaying related images and text with the Figure component.

171x180
Nulla vitae elit libero, a pharetra augue mollis interdum.

API

Figureview source file

import Figure from 'react-bootstrap/Figure'Copy import code for the Figure component
NameTypeDefaultDescription
as
elementType
<figure>

You can use a custom element type for this component.

bsPrefix required
string
'figure'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

FigureImageview source file

import FigureImage from 'react-bootstrap/FigureImage'Copy import code for the FigureImage component
NameTypeDefaultDescription

FigureCaptionview source file

import FigureCaption from 'react-bootstrap/FigureCaption'Copy import code for the FigureCaption component
NameTypeDefaultDescription
as
elementType
<figcaption>

You can use a custom element type for this component.

bsPrefix required
string
'figure-caption'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.