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
Figureview source file
import Figure from 'react-bootstrap/Figure'
Copy import code for the Figure componentName | Type | Default | Description |
---|---|---|---|
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 componentName | Type | Default | Description |
---|
FigureCaptionview source file
import FigureCaption from 'react-bootstrap/FigureCaption'
Copy import code for the FigureCaption componentName | Type | Default | Description |
---|---|---|---|
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. |