deca ui

Декауи

DeCaui предоставляет набор доступных и настраиваемых компонентов React, которые позволяют легко быстро создавать прототип и разработать потрясающие веб -сайты.

Начиная

 npm install @deca-ui/react

Используя компонент

Вот простой пример базового приложения с использованием Button DeCaui:

 import { Button } from '@deca-ui/react' ;

function App ( ) {
  return < Button variant = "solid" > Hello World </ Button > ;
} 

Нажмите здесь для полной документации

Что такого отличается в DeCaui

С DeCaui разработчики могут использовать централизованную систему тематического уровня в любом месте в пределах своего применения с сокращенными именами для свойств CSS.

Пользовательские CSS с другими библиотеками пользовательского интерфейса

 < Box
  sx = { {
    marginRight : '2rem' ,
    marginLeft : '2rem' ,
    marginTop : '2rem' ,
    marginBottom : '2rem' ,
  } }
>
  < Input placeholder = "Email Address" />
  < Input placeholder = "Password" />
  < Button
    sx = { {
      width : '100%' ,
    } }
  >
    Create Account
  </ Button >
</ Box >

Пользовательские CSS с декауи

 < Box css = { { m : '$3' } } >
  < Input placeholder = "Email Address" />
  < Input placeholder = "Password" />
  < Button maxWidth > Create Account </ Button >
</ Box > 

Наша фокус - последовательность

Основная проблема с другими библиотеками пользовательского интерфейса заключается в том, что с ними сбивает с толку создание последовательных макетов веб -страницы. DeCaui позволяет разработчикам использовать объект корневой темы, который служит свойствам после спецификации пользовательского интерфейса системы.

Спасибо React Status!

Благодаря статусу React за демонстрацию этого проекта в их рассылке (выпуск № 323).