Figures

    Documentation and examples for displaying related images and text with the figure component in Bootstrap.

    Figure

    Displaying related images and text with the Figure component.

    API

    Figure

    import Figure from 'react-bootstrap/Figure'
    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.

    FigureImage

    import FigureImage from 'react-bootstrap/FigureImage'
    NameTypeDefaultDescription

    FigureCaption

    import FigureCaption from 'react-bootstrap/FigureCaption'
    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.