Guide to using the ui-kit

This library has a basic set of components for quickly creating user interfaces. The project is completely open source and can be supported both by me personally and by the community by making my own changes.

[!TIP] The library is available for download from the npm repository

Installation & Get started

To install the library, run the following command in your project directory:

npm i @diominvd/ui-kit --save

Now you can use the components from the library in your project:

import { Headline, Text } from '@diominvd/ui-kit';

export const MyComponent: React.FC<ComponentInterface> = ({ ...props }) => {
  return (
    <>
      <Headline level={1} color='light' weight='extrabold'>Some Headline</Headline>
      <Text level={1} color='gray' weight='regular'>Some text can be placed here</Text>
    </>
  )
}

Component Guide

• Button
• Headline
• Highlight
• Icon
• Link
• Text

Current version 1.0.2