ModalVariantsinterface

{
	top?: boolean | undefined;
	right?: boolean | undefined;
	bottom?: boolean | undefined;
	left?: boolean | undefined;
}
PropertyType
.topboolean
Pin the panel to the top edge, full width, and slide it in from the top.
.rightboolean
Pin the panel to the right edge, full height, and slide it in from the right.
.bottomboolean
Pin the panel to the bottom edge, full width, and slide it in from the bottom.
.leftboolean
Pin the panel to the left edge, full height, and slide it in from the left.

Variant props for <Modal> — pin the panel to one edge of the screen.

  • Set one of top, right, bottom, or left. Without one, the panel is centred.
  • If more than one is set, the first in the order top, right, bottom, left wins.