@talismn/ui

Installation

yarn add @talismn/ui

@talismn/ui has a number of required peer dependencies. If your project doesn't have them already, you can install them by running:

yarn add @emotion/react @talismn/icons framer-motion react-hot-toast

Configuring the theme

import '@talismn/ui/assets/css/talismn.css'

import { ThemeProvider } from '@emotion/react'
import { theme } from '@talismn/ui'

export const App = () => {
  return <ThemeProvider theme={theme.greenDark}>{/* Your app */}</ThemeProvider>
}

Typing the theme

import { TalismanTheme } from '@talismn/ui'

declare module '@emotion/react' {
  export interface Theme extends TalismanTheme {}
}

For more information, refer to Emotion's TypeScript documentation.