FalconProvider

FalconProvider supplies the shared context required by Falcon’s modern components. Add one provider around the application subtree that uses them.

Code

import {
  FalconProvider,
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@falcon/ui-kit";

export function Example() {
  return (
    <FalconProvider>
      <Tooltip>
        <TooltipTrigger render={<a href="/components/tooltip" />}>
          Tooltip documentation
        </TooltipTrigger>
        <TooltipContent>Read the Tooltip component guide</TooltipContent>
      </Tooltip>
    </FalconProvider>
  );
}

Composition

FalconProvider
└── Application

The provider belongs at the application root and renders no HTML element. See Getting started for the complete root setup.

API

FalconProvider

Provides shared context for Falcon’s modern components without rendering an HTML element. Wrap the application once at its root.

Props

children

children: React.ReactNode

The application subtree that uses Falcon’s modern components.