執筆中のため、情報が古い・足りない場合があります。ご容赦ください。
導入
パッケージ追加
NPMまたはYarnを用いれば、すぐにXelticaUIをアプリケーションに追加できます。
Yarn
yarn add xeltica/design-systemnpm
npm i xeltica/design-systemスケルトンテンプレート
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
<!-- XelticaUI CSS -->
<link rel="stylesheet" href="/css/xeltica-ui.min.css">
<!-- 必要に応じて、ここにカスタムCSSを挿入しましょう -->
<title>タイトルを挿入</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- 必要に応じて、ここにカスタムスクリプトを挿入しましょう -->
</body>
</html>webpack
webpackをお使いの場合、importすることでバンドル煮含められます。
import 'xeltica-ui/dist/css/xeltica-ui.min.css';