Bolt Design System

Trigger Options

This modal is triggered by a button. The Button component is the standard method to trigger a modal.

This modal is triggered by a button.	The Button component is the standard method to trigger a modal.
	Image trigger can be created by wrapping the Trigger component around an Image component. Advanced usage: if the Image component has an absolute value (e.g. 640px) defined for `max_width`, then the modal's width prop can be set to `auto`. This will allow the image inside the modal to be responsive but does not stretch beyond the specified `max_width`.
Link trigger This modal is triggered by a link.	Buttons are preferred for opening a modal, but you can use a link in a pinch.

Image trigger can be created by wrapping the Trigger component around an Image component.

Advanced usage: if the Image component has an absolute value (e.g. 640px) defined for max_width, then the modal's width prop can be set to auto. This will allow the image inside the modal to be responsive but does not stretch beyond the specified max_width.

Link trigger This modal is triggered by a link. Buttons are preferred for opening a modal, but you can use a link in a pinch.