{"id":13733138,"url":"https://github.com/awcodes/filament-sticky-header","last_synced_at":"2025-04-12T23:40:47.363Z","repository":{"id":37250514,"uuid":"504232209","full_name":"awcodes/filament-sticky-header","owner":"awcodes","description":"A Filament Panels plugin to make headers sticky when scrolling.","archived":false,"fork":false,"pushed_at":"2025-03-25T14:26:54.000Z","size":995,"stargazers_count":73,"open_issues_count":1,"forks_count":11,"subscribers_count":3,"default_branch":"2.x","last_synced_at":"2025-04-12T23:40:05.311Z","etag":null,"topics":["filament","filament-plugin"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awcodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"awcodes"}},"created_at":"2022-06-16T16:40:34.000Z","updated_at":"2025-04-12T14:33:56.000Z","dependencies_parsed_at":"2022-07-08T16:21:54.723Z","dependency_job_id":"f74b0042-0b40-40b3-9b54-016f9bd0b28c","html_url":"https://github.com/awcodes/filament-sticky-header","commit_stats":{"total_commits":55,"total_committers":8,"mean_commits":6.875,"dds":0.6181818181818182,"last_synced_commit":"b5d102334bac77d68b06da09c220744d756d1df8"},"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awcodes%2Ffilament-sticky-header","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awcodes%2Ffilament-sticky-header/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awcodes%2Ffilament-sticky-header/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awcodes%2Ffilament-sticky-header/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awcodes","download_url":"https://codeload.github.com/awcodes/filament-sticky-header/tar.gz/refs/heads/2.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647254,"owners_count":21139081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["filament","filament-plugin"],"created_at":"2024-08-03T03:00:38.177Z","updated_at":"2025-04-12T23:40:47.332Z","avatar_url":"https://github.com/awcodes.png","language":"PHP","funding_links":["https://github.com/sponsors/awcodes"],"categories":["UI"],"sub_categories":[],"readme":"## Filament Sticky Header\n\n\u003e **Warning**\n\u003e Does not work in Safari \u003c v16.\n\nA Filament Admin plugin to make page headers sticky when scrolling.\n\n![sticky-header-og](https://res.cloudinary.com/aw-codes/image/upload/w_1200,f_auto,q_auto/plugins/sticky-header/awcodes-sticky-header.jpg)\n\n## Installation\n\nInstall packages via composer\n\n```bash\ncomposer require awcodes/filament-sticky-header\n```\n\n## Usage\n\nJust add the plugin to your panel provider, and you're good to go.\n\n```php\nuse Awcodes\\FilamentStickyHeader\\StickyHeaderPlugin;\n\npublic function panel(Panel $panel): Panel\n{\n    return $panel\n        -\u003eplugins([\n            StickyHeaderPlugin::make(),\n        ])\n    ])\n}\n```\n\n### Floating Theme\n\nTo use the 'Floating Theme' use the `floating()` method when instantiating the plugin.\n\nWhen using the floating theme you can also use the `colored()` method to add your primary background color to the header.\n\n```php\nuse Awcodes\\FilamentStickyHeader\\StickyHeaderPlugin;\n\npublic function panel(Panel $panel): Panel\n{\n    return $panel\n        -\u003eplugins([\n            StickyHeaderPlugin::make()\n                -\u003efloating()\n                -\u003ecolored()\n        ])\n    ]);\n}\n```\n\nBoth the `floating()` and `colored()` methods can receive closure that will be evaluated to determine if the theme should be applied. This allows you to apply the theme conditionally, for instance, based off of user preferences.\n\n```php\nuse Awcodes\\FilamentStickyHeader\\StickyHeaderPlugin;\n\npublic function panel(Panel $panel): Panel\n{\n    return $panel\n        -\u003eplugins([\n            StickyHeaderPlugin::make()\n                -\u003efloating(fn():bool =\u003e auth()-\u003euser()-\u003euse_floating_header)\n                -\u003ecolored(fn():bool =\u003e auth()-\u003euser()-\u003euse_floating_header)\n        ])\n    ]);\n}\n```\n\n## Changelog\n\nPlease see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Security Vulnerabilities\n\nPlease review [our security policy](../../security/policy) on how to report security vulnerabilities.\n\n## Credits\n\n- [Adam Weston](https://github.com/awcodes)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawcodes%2Ffilament-sticky-header","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawcodes%2Ffilament-sticky-header","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawcodes%2Ffilament-sticky-header/lists"}