Lote Design System

yarn add @lote-design-system/icons

or

npm install @lote-design-system/icons

import { Icon } from '@lote-design-system/icons';

export default function App() {
  return (
    <>
      <Icon name="activity" />
      <Icon name="rss" />
      <Icon name="bar-chart" />
    </>
  );
}

Documentation

• Storybook
• Detailed docs is coming soon.

Motivation

Initially, the purpose of this design system is to create any kind of website that we see in our normal life, such as. (Marketing / Agency Website), (Ecommerce Website) and Admin Dashboard. Therefore, the main purpose is to save the developer's time and create a complete set of components so that the developer does not have any difficulty in creating such a website.

Goals

The core goals of this project are to:

• Promote best practices for accessibility, internationalization, and responsive web design.
• Speed up design and development velocity
• Help create consistent, beautiful, and usable UI in our applications

We hope to accomplish these goals by:

• Reducing the number of decisions needed when iterating on UI
• Reducing the amount of code duplication in our apps
• Providing easy-to-use and extensible components for anyone to consume.

License

MIT