Skip to content

Commit

Permalink
* messager: change dev example.
Browse files Browse the repository at this point in the history
  • Loading branch information
@catouse
catouse committed May 29, 2024
1 parent b0fad7c commit d16a1bb
Showing 1 changed file with 21 additions and 21 deletions.
42 changes: 21 additions & 21 deletions lib/messager/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,27 +100,27 @@ document.querySelector('.messager-toggle').addEventListener('click', (event) =>
通过 `type` 设置 CSS 工具类来改变颜色主题和样式。

```html:example: flex gap-2 flex-wrap
<button type="button" class="btn messager-toggle" data-type="primary">primary</button>
<button type="button" class="btn messager-toggle" data-type="secondary">secondary</button>
<button type="button" class="btn messager-toggle" data-type="success">success</button>
<button type="button" class="btn messager-toggle" data-type="danger">danger</button>
<button type="button" class="btn messager-toggle" data-type="special">special</button>
<button type="button" class="btn messager-toggle" data-type="important">important</button>
<button type="button" class="btn messager-toggle" data-type="primary circle">primary circle</button>
<button type="button" class="btn messager-toggle" data-type="primary-pale">primary-pale</button>
<button type="button" class="btn messager-toggle" data-type="secondary-pale">secondary-pale</button>
<button type="button" class="btn messager-toggle" data-type="success-pale">success-pale</button>
<button type="button" class="btn messager-toggle" data-type="danger-pale">danger-pale</button>
<button type="button" class="btn messager-toggle" data-type="special-pale">special-pale</button>
<button type="button" class="btn messager-toggle" data-type="important-pale">important-pale</button>
<button type="button" class="btn messager-toggle" data-type="primary-pale circle">primary-pale circle</button>
<button type="button" class="btn messager-toggle" data-type="primary-outline">primary-outline</button>
<button type="button" class="btn messager-toggle" data-type="secondary-outline">secondary-outline</button>
<button type="button" class="btn messager-toggle" data-type="success-outline">success-outline</button>
<button type="button" class="btn messager-toggle" data-type="danger-outline">danger-outline</button>
<button type="button" class="btn messager-toggle" data-type="special-outline">special-outline</button>
<button type="button" class="btn messager-toggle" data-type="important-outline">important-outline</button>
<button type="button" class="btn messager-toggle" data-type="primary-outline circle">primary-outline circle</button>
<button type="button" class="btn messager-toggle primary" data-type="primary">primary</button>
<button type="button" class="btn messager-toggle secondary" data-type="secondary">secondary</button>
<button type="button" class="btn messager-toggle success" data-type="success">success</button>
<button type="button" class="btn messager-toggle danger" data-type="danger">danger</button>
<button type="button" class="btn messager-toggle special" data-type="special">special</button>
<button type="button" class="btn messager-toggle important" data-type="important">important</button>
<button type="button" class="btn messager-toggle primary circle" data-type="primary circle">primary circle</button>
<button type="button" class="btn messager-toggle primary-pale" data-type="primary-pale">primary-pale</button>
<button type="button" class="btn messager-toggle secondary-pale" data-type="secondary-pale">secondary-pale</button>
<button type="button" class="btn messager-toggle success-pale" data-type="success-pale">success-pale</button>
<button type="button" class="btn messager-toggle danger-pale" data-type="danger-pale">danger-pale</button>
<button type="button" class="btn messager-toggle special-pale" data-type="special-pale">special-pale</button>
<button type="button" class="btn messager-toggle important-pale" data-type="important-pale">important-pale</button>
<button type="button" class="btn messager-toggle primary-pale circle" data-type="primary-pale circle">primary-pale circle</button>
<button type="button" class="btn messager-toggle primary-outline" data-type="primary-outline">primary-outline</button>
<button type="button" class="btn messager-toggle secondary-outline" data-type="secondary-outline">secondary-outline</button>
<button type="button" class="btn messager-toggle success-outline" data-type="success-outline">success-outline</button>
<button type="button" class="btn messager-toggle danger-outline" data-type="danger-outline">danger-outline</button>
<button type="button" class="btn messager-toggle special-outline" data-type="special-outline">special-outline</button>
<button type="button" class="btn messager-toggle important-outline" data-type="important-outline">important-outline</button>
<button type="button" class="btn messager-toggle primary-outline circle" data-type="primary-outline circle">primary-outline circle</button>
```

```js
Expand Down

0 comments on commit d16a1bb

Please sign in to comment.