UI

@domphy/ui is the official patch library for Domphy.

It provides ready-made patches for common native elements such as buttons, dialogs, menus, tabs, inputs, and typography primitives.

A patch does not create a new element. It merges styles, attributes, hooks, and behavior into an existing element.

import { button, tooltip } from "@domphy/ui"

const submitButton = {
  button: "Submit",
  $: [
    button({ color: "primary" }),
    tooltip({ content: "Submit the form" }),
  ],
}

What UI Adds

@domphy/ui sits on top of @domphy/core and @domphy/theme.

@domphy/core provides the object model, rendering, and lifecycle
@domphy/theme provides tone, size, and spacing helpers
@domphy/ui packages those pieces into reusable patches

Most patches are:

native-element first
context-aware with dataTone and dataSize
small in prop surface
customizable without rewriting the whole patch