react wired elements
`0.1.6` release
Éléments câblés comme composants réagis.
La démo du livre de contes comprend des exemples interactifs ainsi qu'une documentation détaillée pour les accessoires et l'utilisation de chaque composant.
Wired Elements est une bibliothèque vraiment cool qui fournit des composants Web avec un look wireframe à l'aide de SVG. Cette bibliothèque enveloppe chacun des éléments câblés dans un composant React et expose les attributs, méthodes et options de style disponibles comme accessoires (du mieux possible).
Étape 1. Installez cette bibliothèque en utilisant yarn ou npm .
yarn add react-wired-elements
Étape 2. Incluez le fichier CSS icônes de matériel dans la tête de votre fichier HTML principal.
< head >
< link
href =" https://fonts.googleapis.com/css?family=Material+Icons&display=block "
rel =" stylesheet "
/>
</ head > import React from 'react' ;
import { WiredCard , WiredButton } from 'react-wired-elements' ;
const App = ( ) => {
return (
< WiredCard fill = "#F5F5F5" elevation = { 3 } >
< WiredButton onClick = { handleSubmit } > Submit </ WiredButton >
</ WiredCard >
) ;
} ;Découvrez la démo du livre de contes pour des exemples interactifs et des définitions d'hélices détaillées et des instructions d'utilisation.
Voici la liste complète des composants. Cliquez sur n'importe quel composant pour être dirigé vers son exemple de livre de contes.
Il existe des différences de dénomination et de fonctionnalité entre les éléments câblés et cette bibliothèque. Cela est dû, en partie, aux différences dans le fonctionnement de la réaction et des composants Web ainsi qu'un effort pour suivre les conventions / modèles de dénomination courants dans React. Étant donné que ce sont des composants Web, ils dépêchent les événements autochtones plutôt que pour réagir des événements synthétiques.
maxRows Prop sur le composant WiredTextArea ne fonctionne pasfirstDate et lastDate ne fonctionnent pas sur WiredCalendar
