add tailwindcss

This commit is contained in:
2024-10-19 18:25:59 +08:00
parent a7144104e8
commit 9ce91c593c
16 changed files with 989 additions and 33 deletions

7
apps/ui/docs/message.mdx Normal file
View File

@@ -0,0 +1,7 @@
# message
类似antd的message但是是直接用 `import` 调用
```js
import { message } from 'https://kevisual.xiongxiao.me/system/ui/message.js'
```

View File

@@ -1,11 +1,13 @@
import { Message, createMessage } from '../deploy/message.js';
import { message as Message, createMessage } from '../deploy/message.js';
export default {
title: 'ui/message',
tags: ['autodocs'],
description: 'Message component',
render: ({ label, fn, ...args }) => {
const div = createMessage(label, { type: 'success' });
div.addEventListener('click', () => {
fn('Hello World', 2000);
Message.success('Hello World', 2000);
});
div.style.border = '1px solid #000';
const uiMessage = document.createElement('div');