width prop. The default is set to optimal.
full modal takes up the full width of the screen minus the gutters (about 2rem on left and right).regular modal is 10 out 12 columns wide, about 80% of the screen width.optimal modal is about 75 characters wide, close to optimal reading length.auto modal adjusts to the width of the modal content. In most cases, the user must define a max-width in absolute value (do not use relative value such as %) on the modal content to get the desired results. Recommended for advanced usage.width prop only applies to viewports equal to or above the small breakpoint (~600px).{% include '@bolt-components-modal/modal.twig' with {
content: 'This is a modal set to full width.',
width: 'full',
attributes: {
class: 'js-bolt-modal--width-full',
},
} only %}