How to use the reakit-system-bootstrap.palette function in reakit-system-bootstrap

To help you get started, we’ve selected a few reakit-system-bootstrap examples, based on popular ways it is used in public projects.

github reakit / reakit / packages / website / src / components / Provider.tsx View on Github external
import * as React from "react";
import { Provider as ReakitProvider } from "reakit";
import { mergeSystem } from "reakit-system";
import * as bootstrapSystem from "reakit-system-bootstrap";
import * as playgroundSystem from "reakit-playground/system";

const system = mergeSystem(bootstrapSystem, playgroundSystem, {
  palette: {
    ...bootstrapSystem.palette,
    primary: "#6a50ee",
    link: "#006DFF",
    secondary: "#504984"
  }
});

function Provider(props: { children: React.ReactNode }) {
  return (
    <ReakitProvider unstable_system={system}>{props.children}</ReakitProvider>
  );
}

export default Provider;

reakit-system-bootstrap

Reakit bootstrap system

MIT
Latest version published 1 year ago

Package Health Score

73 / 100
Full package analysis

Popular reakit-system-bootstrap functions