violet design 다운로드 - violet design 소스 코드 다운로드

violet design

타사 구성 요소

v0.3.4: Merge pull request #185 from zhaoyuuu

다운로드

"React"프레임 워크를 기반으로하는 개인화 된 UI 구성 요소 라이브러리는 주로 엔터프라이즈 수준 중간 및 백엔드 시스템에서 사용됩니다.

소개하다

설계 사양 요구 사항을 충족하기 위해 우리 팀은 React 기반 UI 구성 요소 라이브러리 인 "바이올렛 디자인"을 개발했습니다. 바이올렛 디자인은 매우 아름답고 조정 된 반면 다양한 비즈니스 요구를 충족시키는 풍부한 구성 요소와 기능을 제공합니다.

특성

? 직관적으로 설계된 대화식 언어와 시각적 스타일.
? 고품질의 React 부품은 상자 밖으로 나옵니다.
? 슬이 TypeScript 로 개발되었으며 완전한 유형 정의 파일을 제공합니다.
☀️ 친화적 인 API, 무료 및 유연한 공간 사용.
? 상세하고 아름다운 UI.
? 명확하고 명확한 데모 사이트 및 자세한 문서.

호환성

가장자리	파이어 폭스	크롬	원정 여행	오페라
가장자리	마지막 두 버전	마지막 두 버전	마지막 두 버전	마지막 두 버전

설치하다

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 모듈을 기반으로 트리 흔들림을 지원합니다.

TypeScript

violet-design TypeScript를 사용하여 작성되며 완전한 정의 파일을 제공합니다.

구성 요소

? 범용 구성 요소 : 버튼 버튼, 아이콘 아이콘
탐색 구성 요소 : 메뉴 탐색 메뉴
? 데이터 입력 구성 요소 : 자동 완성 자동 완성, 캐스케이드 선택, 체크 박스 멀티 체크 박스, 데이트 피커 날짜 선택기, RangedatePicker 날짜 범위 선택기, 양식 양식, 입력 입력 상자, 입력 설비 입력 상자, 방사선 라디오 버튼 그룹, 선택기, 스위치 스위치, 업로드로드
? 데이터 표시 구성 요소 : 캘린더 캘린더, 탭 페이지
? 피드백 구성 요소 : 진행 상황 바
? 레이아웃 구성 요소 : 그리드
? 기타 구성 요소 : 푸시 핀, 전환