Files
ui/docs/getting-started/installation.md
2025-12-27 18:25:15 +03:00

1.0 KiB
Raw Blame History

Installation

Requirements

  • React 18+
  • TypeScript 5+ (рекомендуется)
  • Vite 5+ (для dev/примера)

Install

pnpm add @tria/ui

Import styles

Рекомендуемый способ:

import "@tria/ui/styles";

Альтернатива:

import "@tria/ui/auto";

First render

import React from "react";
import { UIProvider, Button } from "@tria/ui";

export function App() {
  return (
    <UIProvider config={{ theme: "dark", platform: "web", skin: "ios" }}>
      <Button data-variant="primary">Hello Tria</Button>
    </UIProvider>
  );
}

Monorepo note (pnpm workspaces)

Если @tria/ui подключён как workspaceпакет, и вы используете package.json#exports, избегайте deepimports вида @tria/ui/src/.... Все публичные сущности должны импортироваться из @tria/ui:

import { TabBar } from "@tria/ui";
import { TabBar } from "@tria/ui/src/components/tabbar/TabBar";