Skip to main content

UIConfig

Defined in: src/core/ui/interfaces.ts:96

UI Configuration for AchievementProvider Allows customization of all UI components

Properties

ConfettiComponent?

optional ConfettiComponent: ConfettiComponent

Defined in: src/core/ui/interfaces.ts:113

Custom confetti component If not provided, uses built-in or legacy component based on detection


customTheme?

optional customTheme: ThemeConfig

Defined in: src/core/ui/interfaces.ts:125

Direct theme configuration override Takes precedence over theme name


enableConfetti?

optional enableConfetti: boolean

Defined in: src/core/ui/interfaces.ts:143

Enable/disable confetti animations

Default

true

enableModal?

optional enableModal: boolean

Defined in: src/core/ui/interfaces.ts:149

Enable/disable modal

Default

true

enableNotifications?

optional enableNotifications: boolean

Defined in: src/core/ui/interfaces.ts:137

Enable/disable notifications

Default

true

ModalComponent?

optional ModalComponent: ModalComponent

Defined in: src/core/ui/interfaces.ts:107

Custom modal component If not provided, uses built-in or legacy component based on detection


NotificationComponent?

optional NotificationComponent: NotificationComponent

Defined in: src/core/ui/interfaces.ts:101

Custom notification component If not provided, uses built-in or legacy component based on detection


notificationPosition?

optional notificationPosition: NotificationPosition

Defined in: src/core/ui/interfaces.ts:131

Notification positioning

Default

'top-center'

theme?

optional theme: string

Defined in: src/core/ui/interfaces.ts:119

Theme to use (built-in name or registered custom theme name) Built-in themes: 'modern' (default), 'minimal', 'gamified'