https://github.com/fatikhoov/ui-kit-react-typescript-storybook
my npm ui-kit pack
https://github.com/fatikhoov/ui-kit-react-typescript-storybook
Last synced: 2 months ago
JSON representation
my npm ui-kit pack
- Host: GitHub
- URL: https://github.com/fatikhoov/ui-kit-react-typescript-storybook
- Owner: fatikhoov
- Created: 2023-09-06T20:54:14.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-09T23:44:28.000Z (over 1 year ago)
- Last Synced: 2025-02-17T08:48:22.624Z (3 months ago)
- Language: CSS
- Size: 445 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starpage UI Kit by Fatikhov
Starpage UI Kit - это набор готовых компонентов и стилей Starpage для создания пользовательских интерфейсов с использованием **React, TypeScript и Storybook**.
## [Пример сайта](https://starpage.ru/)
## Установка
Вы можете установить Starpage UI Kit с помощью npm:
```
npm install starpage-ui-kit
```
Или с помощью yarn:
```
yarn add starpage-ui-kit
```
## Чтобы использовать компоненты, импортируйте их в свой проект:
```
import { MyButton } from 'starpage-ui-kit';
function App() {
return (
Кнопка
);
}
export default App;
```
## Преимущества
**Интеграция с Storybook**
Я загрузил Starpage UI Kit в Storybook, что позволяет вам легко просматривать и тестировать компоненты в различных состояниях прямо в браузере. Вы можете посмотреть наш UI Kit в действии на GitHub Pages.
**React и TypeScript**
Starpage UI Kit разработан с использованием React и TypeScript, что обеспечивает безопасность типов и удобство использования компонентов.
**Готовые компоненты**
Starpage UI Kit предоставляет готовые компоненты, такие как кнопки, которые можно легко интегрировать в ваш проект без необходимости писать стили с нуля.
**Состояния кнопок**
Наш Starpage UI Kit включает в себя кнопки в различных состояниях, таких как primary, secondary, disabled, а также состояния hover и active, что облегчает создание интерактивных пользовательских интерфейсов.
Starpage UI Kit предоставляет вам множество готовых компонентов для улучшения внешнего вида и функциональности вашего проекта.
Надеюсь, что этот пакет будет полезен для ваших разработок!