authentic-react-ui

Authentic React UI

React component and theming library for Authentic Insurance interfaces.

Installation

npm install authentic-react-ui

Usage

import { ThemeProvider, Box, Text, Button } from "authentic-react-ui";
import "authentic-react-ui/dist/style.css";

function App() {
  return (
    <ThemeProvider
      overrides={{
        primaryColor: "#000000",
        borderRadius: 4,
        brandName: "Your Brand",
        brandLogoUrl: "https://www.your-brand.com/logo.png",
      }}
    >
      <Box centered column w="100vw" h="100vh">
        <Text variant="heading">Hello world</Text>
        <Button mt={1}>Click me</Button>
      </Box>
    </ThemeProvider>
  );
}

Resources

Theme and ThemeStyleProps