react wired elements
`0.1.6` release
Elementos cableados como componentes react.
La demostración del libro de cuentos incluye ejemplos interactivos, así como documentación detallada para los accesorios y el uso de cada componente.
Wired Elements es una biblioteca realmente genial que proporciona componentes web con un aspecto de estructura alámbrica con SVGS. Esta biblioteca envuelve cada uno de los elementos con cable en un componente React y expone los atributos, métodos y opciones de estilo disponibles como accesorios (lo mejor posible).
Paso 1. Instale esta biblioteca con yarn o npm .
yarn add react-wired-elements
Paso 2. Incluya el archivo CSS iconos de material en el cabezal de su archivo 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 >
) ;
} ;Consulte la demostración del libro de cuentos para ejemplos interactivos y definiciones detalladas de accesorios e instrucciones de uso.
Aquí está la lista completa de componentes. Haga clic en cualquier componente para ser dirigido a su ejemplo de libro de cuentos.
Hay algunas diferencias de nombres y funcionalidades entre los elementos con cable y esta biblioteca. Esto se debe, en parte, a las diferencias en cómo funcionan los componentes reaccionados y la web, así como un esfuerzo por seguir convenciones/patrones de nomenclatura comunes en React. Dado que estos son componentes web, envían eventos nativos en lugar de reaccionar eventos sintéticos.
maxRows en el componente WiredTextArea no funcionafirstDate y lastDate no funcionan en WiredCalendar
