NebkitProvider

Name	Value	Default	Required	Description
ariaLabels	`{ [component]: { [key]?: string } }`	-	-	App-wide screen reader texts per component, merged over the library defaults.
brand	`gray,` `red,` `amber,` `green,` `teal,` `blue,` `purple,` `pink`	`gray`	-	Global brand color used as a default color across components.
children	`ReactNode`	-		Application content to be wrapped by the provider.
dir	`ltr,` `rtl`	-	-	Reading direction of the app, rtl for languages like Arabic or Hebrew. Layout, keyboard arrows, placements and directional icons follow it, portals included.
enableRipple	`boolean`	`true`	-	Enables the ripple interaction effect across components by default.
fontFamily	`string`	-	-	Global font family, a CSS font-family value naming a font the app loads itself. Sizes and line heights stay on the NebulaKit type scale. Defaults to the system font stack.
labels	`{ [component]: { [key]?: string } }`	-	-	App-wide visible default texts per component, such as placeholders and headings, merged over the library defaults. A text passed to the component itself still wins.
locale	BCP 47 language tag	-	-	App-wide language of dates and of the first day of the week in Calendar and DatePicker, like de-DE. Their own locale still wins. Set it with server rendering, so the server and the browser format dates the same.
lockGlobalScroll	`boolean`	-	-	Locks global document scrolling by hiding the page scrollbar.
radius	`0px,` `5px,` `10px,` `15px`	`5px`	-	Global border radius applied across all components.
stroke	`1px,` `2px,` `3px`	`2px`	-	Global border width scale applied to every border the components draw.
theme	`light,` `dark,` `system`	`light`	-	Global theme. system follows the light or dark setting of the OS and switches with it, right from the first paint of server-rendered HTML.

Name

Value

Default

Required

Description

ariaLabels

{ [component]: { [key]?: string } }

App-wide screen reader texts per component, merged over the library defaults.

brand

gray, red, amber, green, teal, blue, purple, pink

gray

Global brand color used as a default color across components.

children

ReactNode

Application content to be wrapped by the provider.

dir

ltr, rtl

Reading direction of the app, rtl for languages like Arabic or Hebrew. Layout, keyboard arrows, placements and directional icons follow it, portals included.

enableRipple

boolean

true

Enables the ripple interaction effect across components by default.

fontFamily

string

Global font family, a CSS font-family value naming a font the app loads itself. Sizes and line heights stay on the NebulaKit type scale. Defaults to the system font stack.

labels

{ [component]: { [key]?: string } }

App-wide visible default texts per component, such as placeholders and headings, merged over the library defaults. A text passed to the component itself still wins.

locale

BCP 47 language tag

App-wide language of dates and of the first day of the week in Calendar and DatePicker, like de-DE. Their own locale still wins. Set it with server rendering, so the server and the browser format dates the same.

lockGlobalScroll

boolean

Locks global document scrolling by hiding the page scrollbar.

radius

0px, 5px, 10px, 15px

5px

Global border radius applied across all components.

stroke

1px, 2px, 3px

2px

Global border width scale applied to every border the components draw.

theme

light, dark, system

light

Global theme. system follows the light or dark setting of the OS and switches with it, right from the first paint of server-rendered HTML.