Ant Design

English | Português | 简体中文 | Українською | Spanish | 日本語

✨ Особливості

• 🌈 UI корпоративного класу, призначений для веб-додатків.
• 📦 Набір високоякісних компонентів React з коробки.
• 🛡 Написано на TypeScript із вбудованими статичними типами.
• ⚙️ Весь пакет дизайнерських ресурсів та засобів розробки.
• 🌍 Підтримка інтернаціоналізації для десятків мов.
• 🎨 Потужне налаштування теми в кожній деталі.

🖥 Підтримка навколишнього середовища

• Сучасні браузери та Internet Explorer 11 (з поліфілами)
• Рендеринг на стороні сервера (SSR)
• Electron

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	2 останні версії	2 останні версії	2 останні версії	2 останні версії

📦 Встановлення

npm install antd

yarn add antd

🔨 Використання

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

Та імпортуй стиль вручну:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

TypeScript

antd написано на TypeScript із повною типізацією, вибери Використання у TypeScript щоб розпочати.

🌍 Інтернаціоналізація

Десятки мов підтримуються в antd, дивись i18n.

🔗 Посилання

• Домашня сторінка
• Компоненти
• Ant Design Pro
• Change Log
• rc-components
• Mobile UI
• Ant Design Pro Components
• Ant Design Charts
• Ant Design Icons
• Ant Design Colors
• Лендінги
• Motion
• Scaffold Market
• Інструкція розробника
• Примітка до випуску версій
• FAQ
• CodeSandbox темплейт для звітів про помилки
• Кастомізація теми
• Як подати заявку на участь у програмі Співавторства

⌨️ Розробка

Використовуй Gitpod, безкоштовне середовище розробки для GitHub.

Або клонуй локально:

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

Відкрий у браузері http://127.0.0.1:8001, докладніше дивись Розробка.

🤝 Контрибьютинг

Прочитай наш посібник контриб'ютора і давай будувати кращий antd разом.

Ми вітаємо всі внески. Будь ласка, прочитай наш CONTRIBUTING.md спочатку. Ти можеш пропонувати будь-які ідеї як Pull Request або як GitHub issues. Якщо ти хочеш вдосконалити код, переглянь Інструкції з розробки та добре проведи час! :)

Якщо ти співавтор, дотримуйся нашого Pull Request принципу щоб створити Pull Request за темплейтом співавтора.

❤️ Спонсори та Меценати