Ant Design

Набор UI и библиотека компонент React для корпоративных приложений.

История изменений · Сообщите о проблеме · Запросите новую функцию · Английский · Китайский

❤️ Поддержка проекта

✨ Возможности

• 🌈 Корпоративный язык UI для веб-приложений.
• 📦 Набор высококачественных компонент React.
• 🛡 Написан с использованием TypeScript с предсказуемыми статическими типами.
• ⚙️ Полный пакет дизайнерских ресурсов и средств разработки.
• 🌍 Поддержка международной локализации для десятков языков.
• 🎨 Сильная темизация на основе CSS-in-JS.

🖥 Поддержка окружения

• Современные браузеры
• Серверное отображение
• Electron

Edge	Firefox	Chrome	Safari	Electron
Edge	последние 2 версии	последние 2 версии	последние 2 версии	последние 2 версии

📦 Установка

npm install antd

yarn add antd

pnpm add antd

🔨 Использование

import { Button, DatePicker } from 'antd';

export default () => (
  <>
    <Button type="primary">НАЖМИ МЕНЯ</Button>
    <DatePicker placeholder="выберите дату" />
  </>
);

🔗 Ссылки

• Главная страница
• Обзор компонентов
• История изменений
• rc-components
• Новое Ant Design X
• Ant Design Pro
• Профилировочные компоненты
• Мобильная версия Ant Design
• Mini Ant Design
• Графики Ant Design
• Web3 Ant Design
• Лэндинги
• Ant Motion
• Market Scaffold
• Инструкция разработчика
• Примечания о выпусках версий
• Часто задаваемые вопросы
• Онлайн площадка для тестирования для отчетов о багах
• Настройка темы
• Как стать участником проекта

⌨️ Разработка

Используйте opensumi.run, бесплатную онлайн среду разработки.

Или клонируйте локально:

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

Откройте ваш браузер и перейдите по адресу http://127.0.0.1:8001, чтобы узнать больше о разработке.

🤝 Вклад

Давайте вместе сделаем antd лучше. Мы сердечно приглашаем всех к вкладам. Перед тем как начать работу, пожалуйста, потратите немного времени на ознакомление с нашим руководством по взаимодействию. Вы можете свободно делиться своими идеями через Pull Requests или Issues GitHub. Если вас интересует улучшение нашего кодового базиса, изучите Инструкции по разработке и наслаждайтесь своим программированием!

Для участников проекта следует придерживаться наших правил создания Pull Request и использовать шаблон Pull Request при создании Pull Request.

Финансирование задач

Мы используем Polar.sh и Issuehunt для голосования за и продвижения конкретных функций, которые вы хотели бы видеть реализованными. Проверьте наш список задач и помогите нам: