README

包已废弃，改用 https://github.com/Okipa/laravel-bootstrap-components 包。

为 Laravel 定制的可配置切换按钮生成器，可轻松在项目页面显示。

安装

版本

• V1 : composer require okipa/laravel-toggle-switch-button:^1.0.0
• V2 : composer require okipa/laravel-toggle-switch-button:^2.0.0

仅适用于 Laravel >=5.4

在您的 app/Providers/AppServiceProvider.php 文件中的 register() 方法中添加包服务提供者

// laravel toggle switch button
// https://github.com/Okipa/laravel-toggle-switch-button
$this->app->register(Okipa\LaravelToggleSwitchButton\ToggleSwitchButtonServiceProvider::class);

样式导入

• 从 [path/to/composer/vendor]/okipa/laravel-toggle-switch-button/styles 目录加载包的 SASS 或 CSS 文件到您的项目中。

使用方法

由于切换按钮实现了 Htmlable 接口，您只需在 blade 文件中这样调用即可

{{ toggleSwitchButton()
    ->name('active')
    ->checked(old('active') or $model->active)
    ->icon('<i class="fas fa-power-off"></i>')
    ->label('Activation') }}

API

公共方法 请参阅 ToggleSwitchButton 类 中可用的公共方法

自定义样式

如果您使用 CSS，只需覆盖包样式即可。

如果您使用 SASS，您可以在导入包 SASS 文件之前覆盖以下变量。以下是一个用于 bootstrap 的示例

// bootstrap 4 example
$toggle-switch-button-label-background-color: $input-group-addon-bg;
$toggle-switch-button-label-border-color: $input-group-addon-border-color;
$toggle-switch-button-label-font-size: $font-size-base;
$toggle-switch-button-unchecked-background-color: $input-group-addon-border-color;
$toggle-switch-button-checked-background-color: $primary;
$toggle-switch-button-label-border-radius: $btn-border-radius;
@import '[path/to/composer/vendor]/okipa/laravel-toggle-switch-button/styles/styles';

自定义模板

在您的项目中发布包 blade 模板文件

php artisan vendor:publish --tag=toggle-switch-button::views

然后，从您的 resources/views/vendor/components/switch-button.blade.php 文件中更改内容。

贡献者

• ACID-Solutions