11 KiB
Ant Design
Uma solução empresarial de design e biblioteca UI para React.
✨ Funcionalidades
- 🌈 Design empresarial de interface para aplicações web.
- 📦 Um conjunto de alta qualidade, componentes React prontos para uso.
- 🛡 Escrito em TypeScript com tipos previsíveis.
- ⚙️ Pacote completo de recursos de design e ferramentas de desenvolvimento.
- 🌍 Suporte de internacionalização para dezenas de idiomas.
- 🎨 Personalização poderosa do tema em todos os detalhes.
🖥 Suporte aos ambientes
- Navegadores modernos e Internet Explorer 11+ (com polyfills)
- Renderização no lado do servidor (server-side)
- Electron
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
 Opera |
 Electron |
|---|---|---|---|---|---|
| IE11, Edge | últimas 2 versões | últimas 2 versões | últimas 2 versões | últimas 2 versões | últimas 2 versões |
📦 Instalação
npm install antd
yarn add antd
🔨 Uso
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker />
</>
);
Importe o estilo manualmente:
import 'antd/dist/antd.css'; // ou 'antd/dist/antd.less'
Ou use babel-plugin-import.
TypeScript
Veja Uso no Typescript.
🌍 Internacionalização
Veja i18n.
🔗 Links
- Página inicial
- Componentes
- Ant Design Pro
- Change Log
- rc-components
- Mobile UI
- Ant Design Icones
- Ant Design Cores
- Ant Design Pro Layout
- Ant Design Pro Blocks
- Tema escuro
- Página de aterrissagem
- Motion
- Mercado de páginas
- Instruções ao desenvolvedor
- Versionando as notas de atualização
- FAQ
- CodeSandbox Template para relatório de erros
- Awesome Ant Design
- Customize Theme
⌨️ Desenvolvimento
Use Gitpod, um ambiente de desenvolvimento online para GitHub.
Ou clone localmente:
$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
Abra seu navegador e visite http://127.0.0.1:8001, veja mais em Desenvolvimento.
🤝 Contribuição 
Leia nosso guia de contribução e vamos contruir um melhor antd juntos.
Nós saudamos todas as contribuições. Por favor, leia nosso CONTRIBUTING.md primeiro. Você pode submeter todas as ideias como Pull Requests ou como GitHub issues. Se você quiser melhorar o código, verifique instruções ao desenvolvedor e divirta-se! :)
Se você é um colaborador, por favor siga nossa Pull Request princípio para criar um Pull Request através do template do colaborador.
❤️ Patrocionadores e Apoiadores 
