Components

Frames

Sample photo of mountains
Beautiful mountains

Adding a subtle background

In the scenario where you want to draw more attention to your framed images or your content blends with the main background of your documentation, you can use the background="subtle" prop to add a subtle background to the frame.

Beautiful mountains
Subtle background
1 <Frame
2 caption="Beautiful mountains"
3 background="subtle"
4 >
5 // Or a relative path to an image in the project
6 <img src="https://images.pexels.com/photos/1867601.jpeg" />
7 </Frame>