react wired elements
`0.1.6` release
Проводные элементы в качестве компонентов реагирования.
Демонстрация сборника рассказов включает в себя интерактивные примеры, а также подробную документацию для реквизита и использования каждого компонента.
Wired Elements - это действительно классная библиотека, которая предоставляет веб -компоненты с использованием SVG. Эта библиотека заполняет каждый из проводных элементов в компоненте React и обнажает доступные атрибуты, методы и варианты стиля в качестве реквизита (как можно лучше).
Шаг 1. Установите эту библиотеку с использованием yarn или npm .
yarn add react-wired-elements
Шаг 2. Включите значок материала CSS -файл в главу вашего основного HTML -файла.
< 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 >
) ;
} ;Проверьте демонстрацию книги рассказов для интерактивных примеров и подробных определений поддержки и инструкций по использованию.
Вот полный список компонентов. Нажмите на любой компонент, который будет направлен на пример сборника рассказов.
Существуют некоторые различия в именах и функциональности между проводными элементами и этой библиотекой. Частично это связано с различиями в том, как работают и веб -компоненты, а также попытка следовать общим соглашениям/моделям именованию в React. Поскольку это веб -компоненты, они отправляют нативные события, а не реагируют синтетические события.
maxRows Prop на компоненте WiredTextArea не работаетfirstDate и lastDate не работает на WiredCalendar
