Dialog

The Dialog component is a simple way to create a modal dialog.

terminal
code

Basic Usage

import { BakaDialog, BakaText } from "baka-ui";

function MyComponent() {
  return (
    <BakaDialog>
      <BakaText>Dialog Content</BakaText>
    </BakaDialog>
  );
}

Variants

The Dialog components supports different variants.

Basic

The basic variant is the default variant.

terminal
code

Fullscreen

The fullscreen variant will make the dialog suitable for rendering as a fullscreen content.

terminal
code