damnkit

A little more about library...

That's a UI KIT that can give you best clients and respect from the hood. You wanna know more about it? So, click to the link bellow and we can start to DAMN introduction

DAMN IT

First of all you have to open your G-terminal and type the legendary command:

    npm install damnkit

Let's customize the library.

Use the f**ing DamnProvider to put your config to magic box

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { Config, DamnProvider } from 'damnkit';

const damnConfig: Config = {
  space: {
    l: 24,
    m: {
      size: 2,
      metricSystem: 'em',
    },
  },
  colors: {
    primary: '#366ad5',
    white: '#ffffff',
    secondary: '#199',
  },
  defaultMetricSystem: 'px',
  mixes: {
    primary: {
      color: 'white',
      backgroundColor: 'primary',
    },
    secondary: {
      color: 'white',
      backgroundColor: '',
    },
  },
};

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <DamnProvider config={damnConfig}>
      <App />
    </DamnProvider>
  </React.StrictMode>
);

NOW YOU ARE READY TO MOVE YOUR HOOD IN AND TAKE YOUR RESPECT, MY LITTLE G

import React from "react";
import { Button } from 'damnkit';

function App() {
  return (
    <div className="App">
      <Button mixName={'primary'}>Awesome Button</Button>
    </div>
  );
}

Have a nice day, fellow kid!