rupadana/filament-slider

滑动进入精准控制 - 随手指尖即可自定义。

维护者

详细信息

github.com/rupadana/filament-slider

主页

源代码

问题

资助包维护！
rupadana

安装: 172

依赖项: 0

建议者: 0

安全性: 0

星标: 2

关注者: 2

分支: 1

开放性问题: 4

1.0.1 2024-09-05 05:15 UTC

Requires

Requires (Dev)

MIT 86737f89aeeab2bfd01451be83435ddd2933d994

  • Rupadana <rupadanawayan.woop@gmail.com>

laravelrupadanafilament-slider

This package is auto-updated.

Last update: 2024-09-05 05:16:27 UTC

README

Latest Version on Packagist Total Downloads

该组件允许用户通过拖动滑块手柄轻松选择值或值的范围。它非常适合需要精确输入的设置，例如调整数值、控制音量或设置日期。

安装

您可以通过composer安装此包

composer require rupadana/filament-slider

用法

简单输入滑块

InputSliderGroup::make()
->sliders([
    InputSlider::make('min')
])
->label('Limit')

多个输入

InputSliderGroup::make()
->sliders([
    InputSlider::make('min')
    InputSlider::make('max')
])
->label('Limit')

连接

InputSliderGroup::make()
->sliders([
    InputSlider::make('min')
    InputSlider::make('max')
])
->connect([
    false,
    true,
    false
])
->label('Limit')

最大值 & 最小值

InputSliderGroup::make()
->sliders([
    InputSlider::make('min')
    InputSlider::make('max')
])
->connect([
    false,
    true,
    false
])
->max(100)
->min(0)
->label('Limit')

完成

InputSliderGroup::make()
    ->sliders([
        InputSlider::make('min'),
        InputSlider::make('max')->default(50),
    ])
    ->connect([
        true,
        false,
        true
    ]) // array length must be sliders length + 1
    ->range([
        "min" => 30,
        "max" => 100
    ])
    ->step(10)
    ->behaviour([
        InputSliderBehaviour::DRAG,
        InputSliderBehaviour::TAP
    ])
    ->enableTooltips()
    ->label("Limit")

变更日志

有关最近更改的更多信息，请参阅 CHANGELOG。

贡献

有关详细信息，请参阅 CONTRIBUTING。

致谢

许可证

MIT许可证（MIT）。有关更多信息，请参阅 许可证文件。