vitamin web 다운로드 - vitamin web 소스 코드 다운로드

vitamin web

타사 구성 요소

1.0.0

다운로드

중요한

이 현재 버전의 비타민은 더 이상 진화하지 않으며 지금부터 버그 수정 만 허용합니다. 자세한 내용은 여기를 참조하십시오.

비타민 데카 슬론 디자인 시스템 로고

비타민 웹

웹 애플리케이션을위한 Decathlon 설계 시스템 라이브러리

웹 사이트 - 쇼케이스

소개

Decathlon Design System은 생태계가 일관되고 양질의 경험을 설계하고 개발하는 데 도움이되는 프레임 워크입니다. 디지털 섹션에서는 비타민이라고합니다.

이 저장소는 웹 애플리케이션 용 라이브러리를 호스팅합니다.

핵심 패키지

제품 제약 조건에 따라 설계 시스템의 요소를 소비 할 수 있도록 비타민 핵심 팀이 개발하고 유지 관리하는 핵심 패키지를 사용하여 다양한 기술 및 세분성 수준을 가진 비타민 웹 라이브러리를 사용할 수 있습니다.

글로벌 CSS 스타일?

이 패키지는 Tailwind CSS로 생성 될 수있는 거대한 유틸리티 클래스 세트가있는 완전한 CSS를 제공합니다. 그런 다음 HTML에 사용 된 클래스에 따라 CSS를 제거하여 생산을 최적화하는 것이 귀하에게 달려 있습니다.

@vtmn/css	readme

프로젝트에서 이미 Tailwind CSS를 사용하고 있거나 @apply 통해 자신의 클래스를 구축하여 기능 및 지시와 같은 모든 기능을 최대한 활용하려는 경우. Tailwind CSS 프로젝트에서 비타민 스타일을 사용하는 방법을 설명하는 패키지 @vtmn/css-tailwind-preset 패키지를 확인할 수 있습니다.

특정 CSS 스타일?

이 패키지는 더 높은 수준의 세분성을 가진 요소의 소비를 허용합니다. 당신은 당신이 필요한 스타일 만 얻고 당신이 소비하는 것은 CSS 사용자 정의 속성이없는 순수한 CSS입니다.

디자인 토큰 용

@vtmn/css-design-tokens	readme

각 구성 요소에 대해

행위

@vtmn/css-button	readme
@vtmn/css-dropdown	readme
@vtmn/css-link	readme

형태

@vtmn/css-select	readme
@vtmn/css- 텍스트 입력	readme

지표

@vtmn/css-badge	readme
@vtmn/css-loader	readme
@vtmn/css-price	readme
@vtmn/css-progressbar	readme
@vtmn/css-rating	readme
@vtmn/css-tag	readme

항해

@vtmn/css-breadcrumb	readme
@vtmn/css-navbar	readme
@vtmn/css search	readme
@vtmn/css-tabs	readme

오버레이

@vtmn/css-alert	readme
@vtmn/css- 모달	readme
@vtmn/css-popover	readme
@vtmn/css-snackbar	readme
@vtmn/css-toast	readme
@vtmn/css-tooltip	readme

선택 제어

@vtmn/css-checkbox	readme
@vtmn/css-chip	readme
@vtmn/css-quantity	readme
@vtmn/css-radio-button	readme
@vtmn/css-toggle	readme

구조

@vtmn/css-accordion	readme
@vtmn/css-card	readme
@vtmn/css-divider	readme
@vtmn/css-list	readme
@vtmn/css-skeleton	readme

유틸리티

@vtmn/css-utilities	readme

아이콘

이 패키지는 소수의 방식으로 포함시킬 수있는 SVG 아이콘 라이브러리를 제공합니다 (SVG, 아이콘 글꼴, 스프라이트, CSS, 내장) .

@vtmn/아이콘	readme

자산?

이 패키지는 소수의 방법 (SVG, 자산 글꼴, 스프라이트, CSS, 내장)을 포함시킬 수있는 SVG 자산 라이브러리를 제공합니다.

@vtmn/자산	readme

커뮤니티 패키지

개발자 경험을 향상시키기 위해 바로 위의 핵심 패키지를 기반으로 React, Svelte 및 VUE에서 구성 요소를 개발할 수 있습니다. 이 라이브러리는 지역 사회에 의해 개발되고 유지되며, 비타민 핵심 팀은 검토하고 제안의 품질을 보장하고 자유롭게 기여할 것입니다!

반응?

이 패키지는 반응 구성 요소 라이브러리를 제공합니다.

@vtmn/react	readme

Svelte?

이 패키지는 Svelte 구성 요소 라이브러리를 제공합니다.

@vtmn/svelte	readme

vue?

이 패키지는 VUE 구성 요소 라이브러리를 제공합니다.

@vtmn/vue	readme

기여

Decathlon 설계 시스템 목표 중 하나는 일관성, 효율성 및 접근성을 얻을 수있는 지침 및 구성 요소를 제공하는 것입니다. 이것을 달성하는 가장 좋은 방법은 함께 있습니다! 그것이 우리가 Github에있는 이유입니다. 우리는 커뮤니티의 기여를 좋아할 것입니다 (버그 보고서, 기능 요청, 제안, 풀 요청, 원하는대로!) .

원사 작업 공간 및 NX는 종속성을 관리하고 패키지 전체에서 구성을 빌드하는 데 사용됩니다. Lerna는 버전 작성 및 게시를 관리하는 데 사용됩니다.

로컬 개발 환경을 설정하려면 다음을 실행하십시오.

 # Install `yarn`, alternatives at https://yarnpkg.com/en/docs/install
brew install yarn

# Clone or fork `vitamin-web`
git clone [email protected]:Decathlon/vitamin-web.git # or your fork
cd vitamin-web

# install dependencies
yarn

# build all packages
yarn build

# start all showcases and build sources in watch mode & hot reload
yarn start
# or you can launch separately (recommended)
yarn start:css
yarn start:icons
yarn start:react
yarn start:svelte
yarn start:vue

기여 방법에 대한 자세한 내용은 기고 문서를 참조하십시오.

특별한 감사

이 비타민 -WEB 라이브러리에 관련된 기고자들에게 감사합니다 (오픈 소스가되기 전에도) . ?

특허

 Copyright 2021 Decathlon.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

확장하다

추가 정보