@codelic/component

環境構築

これらの components には Google Font の material icons を使用するものがあります。使用の際は head タグに以下の link タグを配置してください

<link
  href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp|Material+Icons+Two+Tone"
  rel="stylesheet"
/>

配色について

CodelicComponents では以下のカスタムプロパティで共通のメインカラーなどを設定しています。 プロジェクトごとにメインカラーなどが決定した際には以下の記載に合わせた設定を行ってください。 （※注意）--q-primary と--q-primary-rgb は必ず設定してください。

--c-primary : #021f46;（メインカラー） --c-primary-rgb : 2, 31, 70;（メインカラー/rgb） --c-secondary : #42b883;（二色目） --c-positive : #646cff;（三色目） --c-negative : #ffaa3e;（四色目） --c-warning :#ff6d6d;（五色目※CodelicComponents はエラー配色を既に設定してあります。）

用意するファイル

src ディレクトリ内に "任意のファイルネーム.d.ts" を作成し、以下を記述してください。

declare module '@codelic/component'