Skip to main content
/
/
/
Bifrost

Bifrost

Configure locale for React components

React
import Bifrost from "@intility/bifrost-react/Bifrost";
Props

Locale

<ToolkitProvider> from @intility/toolkit configures <Bifrost locale> internally. No need for both.

Bifrost ships with English enUS (default), Norwegian nbNO, Swedish svSE, Danish daDK, and Finnish fiFI locales. To set current language, pass it to the locale prop.

TSX
import Bifrost from "@intility/bifrost-react/Bifrost";
import nbNO from "@intility/bifrost-react/locales/nb-no";
import enUS from "@intility/bifrost-react/locales/en-us";
import svSE from "@intility/bifrost-react/locales/sv-se";
import daDK from "@intility/bifrost-react/locales/da-dk";
import fiFI from "@intility/bifrost-react/locales/fi-fi";

function MyApp() {
  return (
    <Bifrost locale={nbNO}>
      Du vil få norsk tekst på Bifrost komponenter så lenge de brukes her inne
    </Bifrost>
  );
}

Theme

Removed in 5.0 (Deprecated since 4.0)
If you need to force a color mode, apply .bf-lightmode or .bf-darkmode CSS class to the document root.

Sandbox