unicorn_componentsダウンロードunicorn_componentsソースコードのダウンロード

unicorn_components

サードパーティ製コンポーネント

1.0.0

ダウンロード

ユニコーンコンポーネント

UnicornプラットフォームのAngular UIコンポーネントキット。

インストール

npm install --save @unicorn.io/components

デモ

https://nitsnets.github.io/unicorn_components

使用法

モジュールをインポートします

 import { UnicornComponentsModule } from '@unicorn.io/components' ;

@ NgModule ( {
  imports : [
    UnicornComponentsModule . forRoot ( )
  ]
} )
export class AppModule { }

コンポーネントの使用を開始します

 < uni-button label =" My button " > </ uni-button >

スタイルテーマ（オプション）を選択します

 @import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all '

コンポーネントのリスト

グループ	成分	ネーミング	状態	ドキュメント	デモ
チャート	チャート	`<uni-chart>`	？	ドキュメント	-
「	伝説	`<uni-chart-legend>`	？	ドキュメント	-
「	ツールチップ	`<uni-chart-tooltip>`	？	ドキュメント	-
コンテナ	アコーディオン	`<uni-accordion>`	✅	ドキュメント	デモ
「	さて	`<uni-aside>`	✅	ドキュメント	デモ
「	体	`<uni-body>`	✅	ドキュメント	デモ
「	箱	`<uni-box>`	✅	ドキュメント	デモ
「	ヘッダ	`<uni-header>`	✅	ドキュメント	デモ
「	レイアウト	`<uni-layout>`	✅	ドキュメント	デモ
「	モーダル	`<uni-modal>`	✅	ドキュメント	-
「	ポップアップ	`<uni-popup>`	✅	ドキュメント	デモ
「	行	`<uni-row>`	✅	ドキュメント	デモ
「	行スペーサー	`<uni-row-spacer>`	✅	ドキュメント	デモ
「	タブ	`<uni-tabs>`	✅	ドキュメント	デモ
フォーム	ボタンのトグル	`<uni-button-toggle>`	✅	ドキュメント	デモ
「	チェックボックス	`<uni-checkbox>`	✅	ドキュメント	デモ
「	コードエディター	`<uni-code-editor>`	？	ドキュメント	-
「	デートピッカー	`<uni-date-picker>`	✅	ドキュメント	デモ
「	日付レンジピッカー	`<uni-daterange-picker>`	✅	ドキュメント	デモ
「	デートタイムピッカー	`<uni-datetime-picker>`	✅	ドキュメント	デモ
「	画像ピッカー	`<uni-image-picker>`	？	ドキュメント	-
「	入力	`<uni-input>`	✅	ドキュメント	デモ
「	無線	`<uni-radio>`	✅	ドキュメント	デモ
「	選択します	`<uni-select>`	✅	ドキュメント	デモ
「	スライダー	`<uni-slider>`	？	ドキュメント	デモ
「	スライダー範囲	`<uni-slider-range>`	？	ドキュメント	デモ
「	タイムピッカー	`<uni-time-picker>`	✅	ドキュメント	デモ
「	トグル	`<uni-toggle>`	✅	ドキュメント	デモ
ui	ボタン	`<uni-button>`	✅	ドキュメント	デモ
「	ボタンファイル	`<uni-button-file>`	？	ドキュメント	デモ
「	ボタングループ	`<uni-button-group>`	✅	ドキュメント	デモ
「	ボタンヘッダー	`<uni-button-header>`	✅	ドキュメント	デモ
「	ボタンメニュー	`<uni-button-menu>`	✅	ドキュメント	デモ
「	ボタンポップアップ	`<uni-button-popup>`	✅	ドキュメント	デモ
「	カレンダー	`<uni-calendar>`	✅	ドキュメント	デモ
「	カルーセル	`<uni-carousel>`	？	ドキュメント	-
「	クロック	`<uni-clock>`	✅	ドキュメント	デモ
「	Datagrid	`<uni-datagrid>`	？	ドキュメント	デモ
「	フィルター	`<uni-filters>`	？	ドキュメント	デモ
「	フィルターリスト	`<uni-filters-list>`	？	ドキュメント	-
「	リスト	`<uni-list>`	？	ドキュメント	デモ
「	メニュー	`<uni-menu>`	✅	ドキュメント	デモ
「	パジネーター	`<uni-paginator>`	✅	ドキュメント	デモ
「	木	`<uni-tree>`	⚪	ドキュメント	-
utils	アラート	`<uni-alert>`	✅	ドキュメント	デモ
「	バッジ	`<uni-badge>`	✅	ドキュメント	デモ
「	チップ	`<uni-chip>`	？	ドキュメント	デモ
「	顔	`<uni-face>`	✅	ドキュメント	デモ
「	アイコン	`<uni-icon>`	✅	ドキュメント	-
「	進捗	`<uni-progress>`	✅	ドキュメント	デモ
「	セパレーター	`<uni-separator>`	✅	ドキュメント	-
「	スピナー	`<uni-spinner>`	✅	ドキュメント	デモ
「	トースト	`<uni-toast>`	？	ドキュメント	-
「	ツールチップ	`<uni-tooltip>`	？	ドキュメント	-
ビュー	フィルター処理されたデータグリッド	`<uni-filtered-datagrid>`	？	ドキュメント	-
「	ヘッダーを検索します	`<uni-search-header>`	？	ドキュメント	-