goncharov-ui v1.0.24

IG-UI

IG-UI — это пользовательский интерфейсный набор компонентов для React и TypeScript, созданный для упрощения разработки интерфейсов. Включает готовые стилизованные компоненты с поддержкой кастомизации и гибкой интеграции.

📦 Установка

Установите библиотеку через npm:

npm install goncharov-ui

Или с помощью pnpm:

pnpm i goncharov-ui

Или с помощью yarn:

yarn add goncharov-ui

🔗 Ссылки

• GitHub репозиторий: IG-UI GitHub
• Storybook документация: Storybook IG-UI
• npm пакет: goncharov-ui

🚀 Быстрый старт

1) Импорт компонента:

Избирательный импорт

import { Button } from 'goncharov-ui/dist/components/Button';

const App = () => (
  <Button size="small">Small Button</Button>
);

2) Подключение стилей

import 'goncharov-ui/dist/index.css';

🛠️ Компоненты

Button

Описание: Кнопка с поддержкой размеров и кастомных классов.

Пример использования:

import { Button } from 'goncharov-ui/dist/components/Button';

<Button size="medium" onClick={() => console.log('Clicked!')}>
  Click Me
</Button>

Параметры:

AnimateBG

Описание: Компонент для ввода с анимированным фоном.

Пример использования:

import {AnimateBG} from "goncharov-ui/dist/components/AnimateBG";

<AnimateBG inputLength={6} backgroundColor="#d4af37" inputType="text" />

Параметры:

🌟 Особенности

• Полная документация доступна в Storybook.
• Поддержка избирательного импорта для улучшения производительности.
• Гибкая настройка и кастомизация.
• Написано с использованием React и TypeScript.

📚 Документация

Для более подробной информации о компонентах, их свойствах и примерах использования, посетите Storybook.

🤝 Вклад

Если вы хотите внести изменения или улучшить библиотеку:

1) Сделайте форк репозитория. 2) Создайте новую ветку для ваших изменений: git checkout -b feature-name. 3) Внесите изменения и отправьте PR.

📝 Лицензия

Проект распространяется под лицензией ISC. См. LICENSE для подробностей.