Téléchargement violet design - Téléchargement du code source violet design

violet design

Composants tiers

v0.3.4: Merge pull request #185 from zhaoyuuu

Télécharger

Une bibliothèque de composants d'interface utilisateur personnalisée basée sur le cadre "React" est principalement utilisée dans les systèmes intermédiaires et backend au niveau de l'entreprise.

Table des matières

Table des matières
introduire
- caractéristiques
- compatibilité
Installer
- Installer à l'aide de NPM
- Installer à l'aide du fil
- Introduction du navigateur
Exemple
- Charge à la demande
- Manuscrit
Composants
Lien
Développeurs

introduire

Afin de répondre aux exigences de spécification de conception, notre équipe a développé "Violet Design" - une bibliothèque de composants d'interface utilisateur basée sur React. La conception violet offre une multitude de composants et de fonctions qui répondent aux besoins commerciaux différents tout en étant extrêmement belles et coordonnées.

caractéristiques

? Langage interactif et style visuel interactif conçu intuitivement.
? Composants React de haute qualité hors de la boîte.
? ️ développé avec TypeScript , fournissez un fichier de définition de type complet.
API conviviale, utilisation libre et flexible de l'espace.
? Ui détaillé et magnifique.
? Site de démonstration clair et clair et documentation détaillée.

compatibilité

Bord	Incendier	Chrome	Safari	Opéra
Bord	Deux dernières versions	Deux dernières versions	Deux dernières versions	Deux dernières versions

Installer

Installer à l'aide de NPM

Il est recommandé d'utiliser le NPM pour l'installer, de profiter de la commodité apportée par l'écosystème et les outils, qui peuvent être facilement débogués dans l'environnement de développement, ou peuvent être emballés et déployés dans l'environnement écologique.

$ npm install violet-design

Installer à l'aide du fil

$ yarn add violet-design

Introduction du navigateur

Utilisez des balises script et link dans le navigateur pour importer directement des fichiers et utiliser la variable globale VioletDesign .

Présentation de CSS:

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

Présentation de JS:

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

Exemple

1. Présenter des styles

Dans index.tsx(.jsx) :

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

2. Utilisez des composants

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

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

Charge à la demande

violet-design prend en charge les tremblements d'arbre basés sur les modules ES par défaut.

Manuscrit

violet-design est écrit à l'aide de TypeScript et fournit un fichier de définition complet.

Composants

? Composants à usage général: bouton du bouton, icône icône
Composant de navigation: menu Menu de navigation
? Composants de saisie de données: assumette semi-automatique, sélection en cascade, boîte à cocher Multi-Mickk Box, sélecteur de date de date de date, boîte d'entrée de dates RangedatePicker, formulaire de formulaire, boîte d'entrée, téléchargement d'entrée numérique, groupe de bouton de radio radiogroup, sélecteur, commutateur de commutation, téléchargement de téléchargement de téléchargement
? Composants d'affichage des données: calendrier du calendrier, page des onglets
? Composant de rétroaction: Progress Progress Bar
? Composant de mise en page: grille
? Autres composants: Affix Pushpin, transition