Bifrost Design System

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

Bifrost

Props

Locale

Bifrost ships with English enUS (default), Norwegian nbNO, and Swedish svSE 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";

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)

Use CSS classes instead

If you need to force a color mode, apply .bf-lightmode or .bf-darkmode CSS class to the document root.

Sandbox

5 minutes ago