Загрузка violet design - Загрузка исходного кода violet design

violet design

Сторонние компоненты

v0.3.4: Merge pull request #185 from zhaoyuuu

Скачать

Персонализированная библиотека компонентов пользовательского интерфейса, основанная на структуре «React», в основном используется в системах среднего и бэкэнд на уровне предприятия.

Оглавление
представлять
- характеристика
- совместимость
Установить
- Установите с помощью NPM
- Установите с помощью пряжи
- Введение браузера
Пример
- Нагрузка на спрос
- Машинопись
Компоненты
Связь
Разработчики

представлять

Чтобы соответствовать требованиям спецификации дизайна, наша команда разработала «Дизайн фиалки» - библиотеку компонентов пользовательского интерфейса на основе React. Violet Design обеспечивает множество компонентов и функций, которые удовлетворяют различные потребности бизнеса, одновременно очень красивые и скоординированные.

характеристика

? Интуитивно разработанный интерактивный язык и визуальный стиль.
? Высококачественные компоненты React из коробки.
? ️ разработано с помощью TypeScript , предоставьте полный файл определения типа.
☀ дружелюбный API, бесплатное и гибкое использование пространства.
? Подробный и красивый пользовательский интерфейс.
? Четкий и четкий демонстрационный сайт и подробная документация.

совместимость

Край	Firefox	Хром	Сафари	Опера
Край	Последние две версии	Последние две версии	Последние две версии	Последние две версии

Установить

Установите с помощью NPM

Рекомендуется использовать NPM для его установки, пользоваться удобством, созданным экосистемой и инструментами, которые можно легко отладить в среде разработки или может быть упаковано и развернуто в экологической среде.

$ npm install violet-design

Установите с помощью пряжи

$ yarn add violet-design

Введение браузера

Используйте script и теги link в браузере, чтобы напрямую импортировать файлы и использовать глобальную переменную VioletDesign .

Представляем CSS:

 < link rel =" stylesheet " href =" https://unpkg.com/violet-design/dist/index.css " >

Представляем JS:

 < script src =" https://unpkg.com/violet-design/dist/index.umd.js " > </ script >

Пример

1. Представьте стили

В index.tsx(.jsx) :

 import 'violet-design/dist/index.css'

2. Используйте компоненты

 import React from 'react' ;
import { Button } from 'violet-design' ;

const App = ( ) => (
  < >
    < Button btnType = "primary" size = "lg" > PRESS ME </ Button >
  </ >
) ;

Нагрузка на спрос

violet-design поддерживает встряхивание деревьев на основе модулей ES по умолчанию.

Машинопись

violet-design написан с использованием TypeScript и предоставляет полный файл определения.

Компоненты

? Компоненты общего назначения: кнопка кнопки, значок значка
Навигационный компонент: меню навигации меню
? Компоненты ввода данных: автозаполнение автозаполнения, каскадный выбор, флажок с несколькими проверками, селектор даты DatePicker, селектор диапазона DatePicker, форма формы, входное окно, входное ячеело
? Компоненты отображения данных: календарный календарь, страница вкладок
? Компонент обратной связи: панель хода прогресса
? Компонент макета: сетка
? Другие компоненты: Affix pushpin, переход