Ankra UI

UI Elements for React.

Storybook

Run yarn storybook to get a Storybook installation to see all the components.

Update package

Whenever you need to update the package on NPM, change the version number in the package.json and then use npm publish.

Setup

Custom Theme

To enable all the theme variables in your project, you can add the ankraTheme variable to the extend object in your tailwind.config.js file. Simply include the following code snippet:

const { ankraTheme } = require('ankra-ui')

module.exports = {
  theme: {
    extend: {
      ...ankraTheme,
      // other configurations...
    },
  },
  // other configurations...
}

Compile classes

Add the following to your tailwind.config.js in order for your project to compile the css of the components. We do this in order to prevent duplicate classes in your project.

content: [
  ...,
   "./node_modules/ankra-ui/**/*.{js,ts,jsx,tsx}",
]