Blaze UI 工具提示

Blaze UI 是一个现代的、开源的前端 UI 组件库，提供了一套基本的 UI 组件，包括按钮、表单、卡片、导航、工具提示等等。其中，工具提示是一个非常常用的组件，可以帮助用户更好地理解界面上的功能和操作。

Blaze UI 的工具提示组件非常简单易用，你只需要在 HTML 元素中添加一个 data-bs-toggle="tooltip" 属性，以及一个 title 属性来设置提示信息，就可以了。例如：

<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="点击我啊">点我</button>

这段代码将创建一个带有工具提示的按钮，当鼠标悬停在按钮上时，就会弹出提示框显示“点击我啊”。

你还可以通过添加 data-bs-placement 属性来设置提示框显示的位置，例如，data-bs-placement="top" 表示提示框在元素的上方显示，而 data-bs-placement="bottom" 表示提示框在元素的下方显示。除此之外，还可以通过 JavaScript 来动态控制工具提示的显示和隐藏，例如：

const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  return new bootstrap.Tooltip(tooltipTriggerEl)
})

这段代码将获取页面上所有带有 data-bs-toggle="tooltip" 属性的元素，并创建对应的工具提示实例，然后控制其显示和隐藏状态。

总之，Blaze UI 的工具提示组件提供了一种简单易用的展示提示信息的方式，为用户提供了更好的体验。如果你还没有使用过 Blaze UI，那么赶紧尝试一下吧！

Markdown 代码片段：

# Blaze UI 工具提示

Blaze UI 是一个现代的、开源的前端 UI 组件库，提供了一套基本的 UI 组件，包括按钮、表单、卡片、导航、工具提示等等。其中，工具提示是一个非常常用的组件，可以帮助用户更好地理解界面上的功能和操作。

Blaze UI 的工具提示组件非常简单易用，你只需要在 HTML 元素中添加一个 `data-bs-toggle="tooltip"` 属性，以及一个 `title` 属性来设置提示信息，就可以了。例如：

```html
<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="点击我啊">点我</button>

这段代码将创建一个带有工具提示的按钮，当鼠标悬停在按钮上时，就会弹出提示框显示“点击我啊”。

你还可以通过添加 data-bs-placement 属性来设置提示框显示的位置，例如，data-bs-placement="top" 表示提示框在元素的上方显示，而 data-bs-placement="bottom" 表示提示框在元素的下方显示。除此之外，还可以通过 JavaScript 来动态控制工具提示的显示和隐藏。

总之，Blaze UI 的工具提示组件提供了一种简单易用的展示提示信息的方式，为用户提供了更好的体验。如果你还没有使用过 Blaze UI，那么赶紧尝试一下吧！