Download violet design - download do código fonte violet design

violet design

Componentes de terceiros

v0.3.4: Merge pull request #185 from zhaoyuuu

Baixar

Uma biblioteca de componentes da interface do usuário personalizada com base na estrutura "React" é usada principalmente em sistemas intermediários e back-end de nível corporativo.

Índice

Índice
introduzir
- característica
- compatibilidade
Instalar
- Instale usando o NPM
- Instale usando o fio
- Introdução ao navegador
Exemplo
- Carga sob demanda
- TypeScript
Componentes
Link
Desenvolvedores

introduzir

Para atender aos requisitos de especificação de design, nossa equipe desenvolveu "Design Violet" - uma biblioteca de componentes da interface do usuário baseada em React. O Violet Design fornece uma riqueza de componentes e funções que atendem às diferentes necessidades de negócios, sendo extremamente bonitas e coordenadas.

característica

? Linguagem interativa e estilo visual de design intuitivamente.
? Componentes React de alta qualidade fora da caixa.
? ️ Desenvolvido com TypeScript , forneça um arquivo de definição de tipo completo.
API API amigável, uso gratuito e flexível do espaço.
? Ui detalhada e bonita.
? Site de demonstração claro e claro e documentação detalhada.

compatibilidade

Borda	Firefox	Cromo	Safári	Ópera
Borda	Últimas duas versões	Últimas duas versões	Últimas duas versões	Últimas duas versões

Instalar

Instale usando o NPM

Recomenda -se usar o NPM para instalá -lo, aproveite a conveniência trazida pelo ecossistema e pelas ferramentas, que podem ser facilmente depuradas no ambiente de desenvolvimento ou podem ser embaladas e implantadas no ambiente ecológico.

$ npm install violet-design

Instale usando o fio

$ yarn add violet-design

Introdução ao navegador

Use tags script e link no navegador para importar diretamente os arquivos e usar a variável global VioletDesign .

Apresentando CSS:

 < link rel =" stylesheet " href =" https://unpkg.com/violet-design/dist/index.css " >

Apresentando JS:

 < script src =" https://unpkg.com/violet-design/dist/index.umd.js " > </ script >

Exemplo

1. Apresente estilos

Em index.tsx(.jsx) :

 import 'violet-design/dist/index.css'

2. Use componentes

 import React from 'react' ;
import { Button } from 'violet-design' ;

const App = ( ) => (
  < >
    < Button btnType = "primary" size = "lg" > PRESS ME </ Button >
  </ >
) ;

Carga sob demanda

violet-design suporta agitação de árvores com base nos módulos ES por padrão.

TypeScript

violet-design é escrito usando o TypeScript e fornece um arquivo de definição completo.

Componentes

? Componentes de uso geral: botão do botão, ícone do ícone
Componente de navegação: menu de navegação de menu
? Componentes de entrada de dados: preenchimento automático de preenchimento automático, seleção em cascata, caixa de verificação de caixa de seleção, seletor de data de datepicker, seletor de intervalo de data de intervalo, caixa de formulário, caixa de entrada de entrada, caixa de entrada digital de entrada, grupo de botões de rádio radiograma, seletor, switch, switch, upload Upload
? Componentes de exibição de dados: calendário do calendário, página de guias
? Componente de feedback: barra de progresso
? Componente de layout: grade
? Outros componentes: Afixi Pushpin, transição