@voyantjs/cruises-ui
v0.54.0
Published
Importable React UI components for Voyant cruises. Bundler-consumed (Vite, Next.js, webpack, etc.).
Readme
@voyantjs/cruises-ui
Importable React UI components for Voyant cruises. Bundler-consumed (Vite, Next.js, webpack, etc.).
Install
pnpm add @voyantjs/cruises-ui @voyantjs/cruises-react @voyantjs/ui @tanstack/react-query react react-dom@voyantjs/ui provides the design-system primitives. @voyantjs/cruises-react provides the data-layer hooks. Both are required peers.
All components accept a className prop and merge it with cn(). Wrap or compose to extend; use the registry copy-paste path (npx shadcn add @voyant/...) for components you want to fork outright.
I18n
Components render English by default. To localize them, wrap your UI in
CruisesUiMessagesProvider and import only the locales your app supports.
import { CruisesUiMessagesProvider } from "@voyantjs/cruises-ui"
import { cruisesUiEn } from "@voyantjs/cruises-ui/i18n/en"
import { cruisesUiRo } from "@voyantjs/cruises-ui/i18n/ro"English-only apps should import only ./i18n/en. Bilingual apps can import
./i18n/en and ./i18n/ro.
