edda-ui

Design system React basé sur styled-components.

Installation

npm install edda-ui

App.tsx

import { Button, ThemeProvider } from "edda-ui";
import { appLightTheme } from "./theme/appLightTheme";
export default function App() {
  return (
    <ThemeProvider theme={appLightTheme}>
      <Button>OK</Button>
      <Button loading>Loading</Button>
    </ThemeProvider>
  );
}

appLightTheme.ts

import type { ThemeTokens } from "edda-ui";

export const appLightTheme: Partial<ThemeTokens> = {
  colors: {
    primary: "#1E40AF",
    hoverPrimary: "rgba(30,64,175,0.15)",
  },
};