vael-ui v0.3.10

Setup

ConfigProvider

Wraps your app to provide theming, i18n, and class-merging to every component below it.

Install

import { ConfigProvider } from 'vael-ui'

Playground

3

Nested content

Everything inside this ConfigProvider re-themes together.

<ConfigProvider :theme="{ primary: '#ea580c', radius: '12px' }">
  <YourApp />
</ConfigProvider>

Props

NameTypeDefaultDescription
i18nI18nInstance | undefinedI18n instance (e.g. `useI18n()` return value). Missing keys fall back to English defaults.
messagesPartialUiMessages | undefinedStatic message overrides, applied on top of `i18n` resolution.
classMergeClassMerger | undefinedClass merger function (e.g. `twMerge` from tailwind-merge), applied to every `ui.*` part class.
themeUiTheme | undefinedAuto-derives a color system from seed colors and optional radius. Injects a scoped `<style>` tag.

Slots

NameTypeDescription
default{}

Events

No events.

Exposed

Nothing exposed via template ref.