编程

Dash UI:一个受 Shopify Polaris 启发的 Laravel Blade组件库

472 2024-06-30 13:44:00

Dash UI 是 Laravel Blade 的一个组件库,灵感来自 Shopify Polaris。它使用 Tailwind CSS、Laravel Blade 组件和 Alpine.js 创建,旨在方便集成和自定义。

Dash UI Feedback Banners

该 UI 套件包括一套全面的 UI 元素,使你能够快速开始构建应用并使用 Blade 组件进行自定义。该套件由以下组件组成:

  • Buttons and Button Groups
  • Avatars
  • Thumbnails
  • Badge
  • Cards
  • Empty State
  • Form Input UI Elements
  • Feedback banners
  • Alert boxes
  • Inline Errors
  • Flash messages
  • Circle loader
  • Popover menu
  • Tooltips
  • Modal
  • Copy to clipboard
  • Navigation
  • 等等…

DashUI 中的所有组件可以通过传递样式类或者使用行类样式进行自定义:

<x-dashui-button class="my-custom-class">
    Click Me
</x-dashui-button>

要使用此包,请查看项目文档。此外,如果您想了解如何使用这些组件,请查看 Laravel 应用演示