Flyout
The Flyout component is a panel that slides in from the left or right edge of the screen and contains contextual information or actions. We use this most often for modals and forms for adding or editing table data.
Prop | Type | Default value |
|---|---|---|
Prop showOverlay | Type boolean | Default value false |
Prop size | Type "default" | "narrow" | "wide" | "widest" | Default value "default" |
Prop type | Type "default" | "inline" | Default value "default" |
Prop strategy | Type "relative" | "absolute" | "fixed" | Default value "relative" |
Prop align | Type "start" | "end" | Default value "end" |
Prop closeOnInteractOutside | Type boolean | Default value false |
Prop width | Type string | Default value - |