Attractions

用于 Svelte 的超酷用户界面套件。「A pretty cool UI kit for Svelte」

Github星跟蹤圖

Attractions

Inactively Maintained

GitHub Workflow Status
npm
npm bundle size
npm bundle zipped size

Open in Visual Studio Code

A pretty cool UI kit for Svelte.

Refer to the main documentation: https://illright.github.io/attractions

Installation

Step 1. Install the library with your favorite package manager:

npm install --save-dev attractions
# -- or --
yarn add --dev attractions
# -- or --
pnpm add --save-dev attractions

Step 2. Install svelte-preprocess, Dart Sass and PostCSS:

npm install --save-dev svelte-preprocess sass postcss
# -- or --
yarn add --dev svelte-preprocess sass postcss
# -- or --
pnpm add --save-dev svelte-preprocess sass postcss

Step 3. Add svelte-preprocess to your preprocessor chain (as shown here):

// rollup.config.js
import sveltePreprocess from 'svelte-preprocess';

export default {
  // ...,
  plugins: [
    svelte({
      preprocess: sveltePreprocess(),
    }),
  ],
};

Step 4. Import the desired components as named imports and use wherever you like!

<script>
  import { Button } from 'attractions';
</script>

<Button>click me</Button>

For more information on how to customize/theme your installation, see the docs.


Alternatively, the library can be used from a CDN, such as unpkg, and then the components will be registered as custom elements. This is especially useful for quick prototypes that do not need all the features provided.

Example usage:

<head>
  <script src="https://unpkg.com/attractions"></script>
</head>
<body>
  <a-button filled="filled">My button</a-button>
</body>

For more details, check out the docs.

License

This project is MIT licensed.

主要指標

概覽
名稱與所有者illright/attractions
主編程語言Svelte
編程語言JavaScript (語言數: 5)
平台
許可證MIT License
所有者活动
創建於2020-04-17 20:48:30
推送於2024-11-22 13:45:09
最后一次提交
發布數25
最新版本名稱v3.7.2 (發布於 )
第一版名稱v1.0.0-alpha (發布於 )
用户参与
星數1k
關注者數10
派生數35
提交數1k
已啟用問題?
問題數101
打開的問題數0
拉請求數254
打開的拉請求數0
關閉的拉請求數29
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?