@ihma-io/ui

@ihma-io/ui

IHMA uchun Vue 3 UI primitivlari. Komponentlar reka-ui va shadcn-vue yondashuvi asosida qurilgan; biznes logikasi bu paketga kiritilmaydi.

import { Badge, Button, Dialog, Input, Table, cn } from '@ihma-io/ui'

Komponentlarni to'g'ridan-to'g'ri import qilish tavsiya etiladi. Paket global component registration talab qilmaydi.

Button HTML form ichida tasodifiy submit qilmasligi uchun default type="button" ishlatadi. Submit tugmasida type="submit"ni aniq bering.

CSS va Tailwind v4

@ihma-io/tokens required peer hisoblanadi. Ilovaning asosiy CSS faylida tokenlar, Tailwind mapping va package dist manbasini ulang:

@import 'tailwindcss';
@import '@ihma-io/tokens/tokens.css';
@import '@ihma-io/tokens/theme.css';

/* Yo'l ushbu CSS fayl joylashuviga nisbatan yoziladi. */
@source '../node_modules/@ihma-io/ui/dist';

@custom-variant dark (&:where(.dark, .dark *));

tokens.css light va .dark qiymatlarni beradi, theme.css esa ularni Tailwind rang nomlariga bog'laydi. Dark mode uchun html elementiga dark classini qo'ying.

Public API

Paket button, input, field, card, table, dialog, sheet, menu, select, calendar, sidebar, stepper, tabs, tooltip va boshqa primitive oilalarini named export qiladi. To'liq va amaldagi ro'yxat src/index.ts barrelida saqlanadi.

Build natijasi dist/index.js va dist/index.d.ts ko'rinishida publish qilinadi. vue, reka-ui, @vueuse/core, lucide-vue-next, @internationalized/date va @ihma-io/tokens peer dependency hisoblanadi.