frontile 다운로드 - frontile 소스 코드 다운로드

frontile

타사 구성 요소

v0.16.2

다운로드

Github-Readme

적극적인 개발 중.

Frontile은 커뮤니티의 모범 사례를 따르고 애플리케이션에 대한 저수준 및 고급 구성 요소를 제공하는 동안 일관되고 강력한 Ember.js 앱을 구축하는 데 필요한 레고 (구성 요소, 도우미, 수정 자 및 스타일)를 제공하는 것을 목표로합니다.

모든 구성 요소에 접근성을 염두에두고 구축;
논리적으로 분리 된 패키지로 제작되었으므로 사용할 조각을 선택할 수 있습니다.
TypeScript로 작성;
모든 구성 요소는 Glimmer 구성 요소입니다.
스타일은 Tailwindcss 플러그인이며 완전히 반응합니다.

선적 서류 비치

Docs를 읽고 Live Demos를 참조하려면 Frontile.dev를 방문하십시오.

사용 가능한 것은 무엇입니까?

이미 사용할 수있는 몇 가지 패키지가 있습니다. 지원되는 Ember 버전에있는 경우 오늘 응용 프로그램에서 사용할 수 있습니다. 이 프로젝트는 여전히 사전 버전 1.0.0이므로 변경 사항이 계속 발생할 수 있습니다.

@Frontile/Utilities : 필수 A11Y 구성 요소를 제공하는 핵심 패키지.
@Frontile/Forms : 양식 작업을위한 구성 요소.
@frontile/Changeset-Form : 양식 패키지와 Changes 셋 사이의 통합.
@frontile/알림 : 토스트와 같은 알림을 제공하는 패키지.
@frontile/Ordays : 모달 대화 상자와 같이 UI를 통해 컨텐츠를 렌더링하는 구성 요소.
@frontile/버튼 : 버튼 작업을위한 구성 요소.

꼬리 바람이있는 스타일

우리가 제공하는 모든 스타일은 Tailwindcss 플러그인을 통해 이루어집니다. 앱에 꼬리 바람이 있으면 완벽합니다. 그러나 일부 앱은이 앱을 사용하여 스타일을 쓰고 싶지 않거나 반드시 쓰기를 원할 필요는 없습니다. 이를 위해 두 가지 대안이 있습니다.

BEM과 같은 이름 지정 규칙을 따르는 수업을 목표로하는 모든 스타일을 작성하십시오.
스타일에 대한 꼬리 바람 만 추가하십시오. 이 접근법은 아직 입증되지 않았지만 이론적으로는 Tailwind를 설정하고 Frontile 스타일 만 포함 할 수 있어야합니다.

Tailwind 플러그인을 제공하면 거의 모든 스타일을 사용자 정의하여 필요한 것이 아닌 것을 제거 할 수도 있습니다. 모든 플러그인에는 구성을 전달할 수 있으므로 응용 프로그램이 필요할 때 모든 색상, 간격 등을 설정할 수 있습니다. 또한 CSS 변수를 사용하여 테마 또는 어두운 모드를 만들 수도 있습니다.

TL; 박사; 원치 않는 경우 Tailwindcss가 필요하지 않지만 사용하는 것이 가장 좋습니다.