add tailwindcss
This commit is contained in:
7
apps/ui/docs/message.mdx
Normal file
7
apps/ui/docs/message.mdx
Normal file
@@ -0,0 +1,7 @@
|
||||
# message
|
||||
|
||||
类似antd的message,但是是直接用 `import` 调用
|
||||
|
||||
```js
|
||||
import { message } from 'https://kevisual.xiongxiao.me/system/ui/message.js'
|
||||
```
|
||||
@@ -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');
|
||||
|
||||
Reference in New Issue
Block a user