Box

Box is a thin wrapper around native elements with an as prop, full native props, and ref forwarding. Use it when a layout node should be reusable without introducing a second styling API.

Пример

Интерактивный пример

Создавайте понятные и цельные интерфейсы

Введите сообщение…

Готово

Основная

Контурная

Простая

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Box } from "denjs-ui";

export function Example() {
  return (
    <Box
      as="section"
      className="rounded-lg border border-border bg-background p-6"
    >
      Content
    </Box>
  );
}