iFixit React Components

A set of reusable React components built on to of Chakra.

Installation

To get started using iFixit React Components, install the package and its dependencies:

npm install -E @ifixit/react-components @chakra-ui/react @emotion/react @emotion/styled framer-motion
Copy

Then you need to extend the Chakra theme with iFixit custom preset and pass it to the Chakra provider:

import { ChakraProvider, extendTheme } from '@chakra-ui/react';
import { theme } from '@ifixit/react-components';

const customTheme = extendTheme(theme);

export function App() {
   return <ChakraProvider theme={customTheme}>...</ChakraProvider>;
}
Copy