Skip to Content
ComponentsAxiomProvider

AxiomProvider

AxiomProvider provides all the context managers required for our components to work. It must be rendered at the root of your application and should be used only once.

Documentation

import { AxiomProvider } from "@optiaxiom/react"; export function App() { return <AxiomProvider>{/* Your app code here */}</AxiomProvider>; }

Use the locale prop to set a BCP-47 language tag  used to localize date and time components such as Calendar, DateRangePicker, Clock, and Time. This controls their captions, weekday headers, week start, range text, AM/PM labels, and numbering system. When omitted, the browser locale is used.

<AxiomProvider locale="fr-FR">{/* Your app code here */}</AxiomProvider>

Toast

Display brief popup notifications.

Tooltip

Popup with brief information shown when user interacts with an element using keyboard focus or mouse hover.

Props

Doesn't render its own HTML element.

Prop

children

ReactNode

dialog

Props for the DialogKitProvider component

Documentation

Omit<DialogKitProviderProps, "children">

locale

BCP-47 language tag (e.g. "fr-FR") used to localize date/time components such as Calendar, DateRangePicker, Clock, and Time. Defaults to the browser locale.

string

toast

Props for the ToastProvider component

Documentation

Omit<ToastProviderProps, "children">

tooltip

Props for the TooltipProvider component

Documentation

Omit<TooltipProviderProps, "children">

Changelog

  • Added the locale prop to override the locale used by date/time components
  • Added component
Last updated on