ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
파일 탐색기
최종 버전 다운로드 (.zip)- bug_report.md
- feature_request.md
- main.yml
- dependabot.yml
- settings.json
- sq-button.gif
- sq-checkbox.gif
- sq-datetime-picker.gif
- sq-drop-down.gif
- sq-input.gif
- sq-modal.gif
- sq-progress-bar.gif
- sq-radio-buttons.gif
- sq-standalone-calendar.gif
- sq-tags-input.gif
- sq-textarea.gif
- sq-time-picker.gif
- sq-type-ahead.gif
- sq-ui-logo.png
- .nojekyll
- _coverpage.md
- _sidebar.md
- about-us.md
- bounty-program.md
- common-module.md
- datatable-module.md
- datetime-picker-module.md
- form-elements-module.md
- index.html
- installation.md
- modal-module.md
- progressbar-module.md
- README.md
- troubleshooting.md
- datatable.component.html
- datatable.component.scss
- datatable.component.spec.ts
- datatable.component.ts
- datatable-column.component.html
- datatable-column.component.scss
- datatable-column.component.spec.ts
- datatable-column.component.ts
- datatable-row.component.html
- datatable-row.component.scss
- datatable-row.component.spec.ts
- datatable-row.component.ts
- datatable-body.directive.spec.ts
- datatable-body.directive.ts
- datatable-header.directive.spec.ts
- datatable-header.directive.ts
- datatable-interaction-item.ts
- datatable-column.ts
- sort-item.ts
- datatable.module.ts
- index.ts
- test.ts
- .eslintrc.json
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- datetime-picker.component.html
- datetime-picker.component.scss
- datetime-picker.component.spec.ts
- datetime-picker.component.ts
- calendar-period-relativity.enum.ts
- calendar-period-type.enum.ts
- date-object-type.enum.ts
- time-object-type.enum.ts
- time-unit.enum.ts
- calendar-entities.ts
- date-range.ts
- timepicker-config.ts
- time-picker.component.html
- time-picker.component.scss
- time-picker.component.spec.ts
- time-picker.component.ts
- calendar-manager.service.spec.ts
- calendar-manager.service.ts
- datetime-picker.module.spec.ts
- datetime-picker.module.ts
- colors.scss
- utilities.scss
- ng-datetime-picker.module.ts
- index.ts
- test.ts
- .eslintrc.json
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- button.component.html
- button.component.scss
- button.component.spec.ts
- button.component.ts
- checkbox.component.html
- checkbox.component.scss
- checkbox.component.spec.ts
- checkbox.component.ts
- checkbox.template.directive.ts
- dropdown.component.html
- dropdown.component.scss
- dropdown.component.spec.ts
- dropdown.component.ts
- dropdown.template.directive.ts
- form-group.component.html
- form-group.component.scss
- form-group.component.spec.ts
- form-group.component.ts
- input.component.html
- input.component.scss
- input.component.spec.ts
- input.component.ts
- radiobutton.component.html
- radiobutton.component.scss
- radiobutton.component.spec.ts
- radiobutton.component.ts
- radiobutton.template.directive.ts
- form-elements.scss
- tags-input.component.html
- tags-input.component.scss
- tags-input.component.spec.ts
- tags-input.component.ts
- tags-input.template.directive.ts
- textarea.component.html
- textarea.component.scss
- textarea.component.spec.ts
- textarea.component.ts
- typeahead.component.html
- typeahead.component.scss
- typeahead.component.spec.ts
- typeahead.component.ts
- typeahead.template.directive.ts
- ng-form-elements.module.ts
- index.ts
- test.ts
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- modal.component.html
- modal.component.scss
- modal.component.spec.ts
- modal.component.ts
- ng-modal.module.spec.ts
- ng-modal.module.ts
- index.ts
- test.ts
- .eslintrc.json
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- progress-bar.component.html
- progress-bar.component.scss
- progress-bar.component.spec.ts
- progress-bar.component.ts
- ng-progress-bar.module.ts
- index.ts
- test.ts
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- paginator.component.html
- paginator.component.scss
- paginator.component.spec.ts
- paginator.component.ts
- outside-click-listener.directive.spec.ts
- outside-click-listener.directive.ts
- scrolled-to-bottom-listener.directive.spec.ts
- scrolled-to-bottom-listener.directive.ts
- control-value-accessor-enabler.ts
- input-core-component.ts
- device-os.enum.ts
- custom-event-details.ts
- label-value-pair.ts
- page.ts
- paginator-config.ts
- sizes.ts
- custom-event-broadcaster.service.spec.ts
- custom-event-broadcaster.service.ts
- os-detector.service.spec.ts
- os-detector.service.ts
- base.scss
- colors.scss
- reset.scss
- utilities.scss
- ng-sq-common.module.ts
- sq-ui-theme.scss
- index.ts
- test.ts
- .eslintrc.json
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- ng-sq-ui.module.ts
- index.ts
- test.ts
- .eslintrc.json
- ng-package.json
- package.json
- README.md
- tsconfig.lib.json
- tsconfig.lib.prod.json
- tsconfig.spec.json
- app-nav.component.html
- app-nav.component.scss
- app-nav.component.spec.ts
- app-nav.component.ts
- datatable-docs.component.html
- datatable-docs.component.scss
- datatable-docs.component.spec.ts
- datatable-docs.component.ts
- datatable-routing.module.ts
- datatable.module.ts
- datatime-picker-docs.component.html
- datatime-picker-docs.component.scss
- datatime-picker-docs.component.spec.ts
- datatime-picker-docs.component.ts
- datetime-picker-routing.module.ts
- datetime-picker.module.ts
- home.component.html
- home.component.scss
- home.component.spec.ts
- home.component.ts
- home-routing.module.ts
- home.module.ts
- modal-docs.component.html
- modal-docs.component.scss
- modal-docs.component.spec.ts
- modal-docs.component.ts
- modal-routing.module.ts
- modal.module.ts
- collapse-content.component.html
- collapse-content.component.scss
- collapse-content.component.spec.ts
- collapse-content.component.ts
- module-overview.component.html
- module-overview.component.scss
- module-overview.component.spec.ts
- module-overview.component.ts
- nav-item.ts
- shared.module.ts
- sq-common.component.html
- sq-common.component.scss
- sq-common.component.spec.ts
- sq-common.component.ts
- sq-common-routing.module.ts
- sq-common.module.ts
- sq-ui.component.html
- sq-ui.component.scss
- sq-ui.component.spec.ts
- sq-ui.component.ts
- sq-ui-routing.module.ts
- sq-ui.module.ts
- app-routes.ts
- app.component.html
- app.component.scss
- app.component.ts
- app.module.ts
- logo-alt.png
- logo.png
- environment.prod.ts
- environment.ts
- index.html
- main.ts
- polyfills.ts
- styles.scss
- tsconfig.app.json
- tslint.json
- .all-contributorsrc
- .browserslistrc
- .codeclimate.yml
- .editorconfig
- .eslintrc.json
- .gitignore
- angular.json
- CONTRIBUTING.md
- jest.config.js
- LICENSE
- package-lock.json
- package.json
- README.md
- setup-jest.ts
- tsconfig.json
- tsconfig.spec.json
- tslint.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/SQ-UI/ng-sq-ui
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd ng-sq-ui
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm i @sq-ui/ng-sq-ui@latest --save
이 명령어를 터미널에 그대로 입력해 실행하세요.
yarn add @sq-ui/ng-sq-ui@latest
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm i
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm start
개발/실행 서버를 켭니다.
yarn install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)