react wired elements
`0.1.6` release
Elementos com fio como componentes do React.
A demonstração do livro de histórias inclui exemplos interativos, bem como documentação detalhada dos adereços e uso de cada componente.
A Wired Elements é uma biblioteca muito legal que fornece aos componentes da Web uma aparência de estrutura de arame usando SVGS. Essa biblioteca envolve cada um dos elementos com fio em um componente React e expõe os atributos, métodos e opções de estilo disponíveis como adereços (o melhor possível).
Etapa 1. Instale esta biblioteca com o uso yarn ou npm .
yarn add react-wired-elements
Etapa 2. Inclua o arquivo CSS dos ícones do material na cabeça do seu arquivo 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 >
) ;
} ;Confira a demonstração do livro de histórias para obter exemplos interativos e definições detalhadas de suporte e instruções de uso.
Aqui está a lista completa de componentes. Clique em qualquer componente a ser direcionado ao exemplo do livro de histórias.
Existem algumas diferenças de nomeação e funcionalidade entre os elementos com fio e esta biblioteca. Isso se deve, em parte, a diferenças na forma como os componentes da Web e os componentes da Web funcionam, bem como um esforço para seguir convenções/padrões de nomeação comum no React. Como esses são componentes da Web, eles enviam eventos nativos em oposição a eventos sintéticos reagir.
maxRows Prop no componente WiredTextArea não está funcionandofirstDate e lastDate não trabalhando no WiredCalendar
