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

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>
);

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

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