Modal

Ein Modal zeigt Inhalte zentriert als Overlay über der Hauptseite an, wodurch der Nutzer sich voll auf den Inhalt des Modals konzentrieren kann.GitHubMarkdown

Organisation anlegen

Eine Organisation kannst du dir wie ein Unternehmen vorstellen. An diesem Ort verwaltest du deine Mitarbeiter, Zahlungsmodalitäten und kannst deine Rechnungen einsehen.

Properties

PropertyTypeDefaultDescription
size"s" | "m" | "l""s"The size of the modal.
offCanvasboolean-Whether the modal should be displayed as an off canvas.
offCanvasOrientation"left" | "right""right"Whether the off canvas should be displayed on the right or left side of the screen.
controllerOverlayController-An overlay controller to control the modal state.
slotstring-Accepts "actionConfirm" to use the modal as a confirmation modal for an action.
isDismissableboolean-Whether the modal can be closed by clicking outside of it.
showCloseButtonboolean-Whether the close button should be visible
childrenReactNode-
wrapWithReactElement<unknown, string | JSXElementConstructor<any>>-
refRef<HTMLSpanElement>-Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see React Docs
keyKey-
classNamestring-The elements class name.
isOpenboolean-
isDefaultOpenboolean-

Events

PropertyTypeDefaultDescription
onOpenChangeOverlayOpenStateHandler-
onCloseOverlayCloseHandler-
onOpenOverlayOpenHandler-

Auf dieser Seite