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.

    API

    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.

    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.