Layout Controls

Light, dark, night, or match your OS appearance. System uses light or dark only (not night).

Brand accent for highlights and accent buttons. Select a color to update live across the app.

Custom

Presets

HEX value

Three- or six-digit HEX value.
Press Enter to apply.

Search components

Live component development with hot reload

@fieldflow360/org-ui

Active tab

modal

Modal usage

<Modal
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  title="Boundary Stats"
  size="lg"
>
  <YourContent />
</Modal>