awcodes/dimmer

Dimmer 是一个简单的包,可以轻松地将亮/暗/系统模式切换器添加到您的 Laravel 应用中。

资助包维护!
Awcodes

安装: 22

依赖项: 0

建议者: 0

安全: 0

星标: 2

关注者: 2

分支: 0

开放问题: 0

语言:Blade

v1.1.0 2024-05-24 18:47 UTC

This package is auto-updated.

Last update: 2024-09-08 06:23:03 UTC


README

Latest Version on Packagist Total Downloads

dimmer

Dimmer 是一个简单的包,可以轻松地将亮/暗/系统模式切换器添加到您的 Laravel 应用中。

需求

  • Alpine JS
  • Tailwind CSS

安装

您可以通过 composer 安装此包

composer require awcodes/dimmer

接下来,您需要在 tailwind.config.js 文件中添加视图

content: [
    './vendor/awcodes/dimmer/resources/views/**/*.blade.php',
]

可选(不推荐),您可以使用以下方法发布视图

php artisan vendor:publish --tag="dimmer-views"

您还可以通过发布 lang 文件来更新翻译

php artisan vendor:publish --tag="dimmer-translations"

使用

只需在布局中包含 dimmer 组件,或在您想要使用它的任何位置。

<x-dimmer::controls />

强制默认模式

如果您希望用户首次访问网站时强制使用默认模式,您可以在 dimmer 组件上设置 force-mode 属性。如果没有设置此属性,默认模式将根据用户的系统偏好确定。

<x-dimmer::controls force-mode="dark" />

测试

composer test

变更日志

有关最近更改的更多信息,请参阅 变更日志

贡献

有关详细信息,请参阅 贡献指南

安全漏洞

请查看 我们的安全策略 了解如何报告安全漏洞。

鸣谢

许可证

MIT 许可证(MIT)。有关更多信息,请参阅 许可证文件