定制 digital-creative/nova-pill-filter 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

digital-creative/nova-pill-filter

最新稳定版本:v1.0.1

Composer 安装命令:

composer require digital-creative/nova-pill-filter

包简介

A Laravel Nova filter that renders into clickable pills.

README 文档

README

Latest Version on Packagist Total Downloads License

A Laravel Nova filter that renders into clickable pills.

PillFilter in Action

Installation

You can install the package via composer:

composer require digital-creative/nova-pill-filter

Basic Usage

Create a filter as usual and extend the DigitalCreative\PillFilter\PillFilter class

use DigitalCreative\PillFilter\PillFilter; class MyFilter extends PillFilter { public function apply(Request $request, $query, $values) { // $values will always be an array } public function options(NovaRequest $request): array { return [ 'Display Text 1' => 'value-1', 'Display Text 2' => 'value-2' ]; } }

and use it as usual on the filters methods within your resource class:

class ExampleNovaResource extends Resource { public function filters(NovaRequest $request): array { return [ MyFilter::make() ]; } }

By default, multiple items can be selected, you can restrict it to a single item at time by calling ->single()

class ExampleNovaResource extends Resource { public function filters(NovaRequest $request): array { return [ MyFilter::make()->single() ]; } }

Additionally, you can customize the mode the filter is displayed, by default it wraps to show all pills at once, however there is also a drag and stack mode:

Drag Mode Stack Mode Wrap Mode
class ExampleNovaResource extends Resource { public function filters(NovaRequest $request): array { return [ MyFilter::make()->dragMode(), MyFilter::make()->stackMode(), MyFilter::make()->wrapMode(), ]; } }

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

Other Packages You Might Like

License

The MIT License (MIT). Please see License File for more information.

统计信息

  • 总下载量: 58.37k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 18
  • 点击次数: 2
  • 依赖项目数: 1
  • 推荐数: 0

GitHub 信息

  • Stars: 17
  • Watchers: 3
  • Forks: 3
  • 开发语言: Vue

其他信息

  • 授权协议: MIT
  • 更新时间: 2026-01-04

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固