构建 Tailwind CSS 警报组件

Tailwind CSS 是一个很棒的实用程序优先框架，您可以使用它来快速原型化和构建用户界面。

与 Bootstrap 或 Bulma 等其他框架相比，缺点之一是您无法获得一组默认的 UI 组件来启动。

今天我想开始一系列关于如何构建常用 Web 组件的文章，例如警报、按钮、下拉菜单等等。

我将从警报组件开始。

Tailwind CSS 警报组件

首先，我们需要构建基本的 HTML 标记，稍后我们将向其中添加样式：

<div>
  <p>
    <span class="font-medium">