TallStackUI Filament

Introduction

TallStackUI is a powerful suite of Blade components for TALL Stack apps.

This package allows you to use TallStackUI components within Filament forms, bringing together the best of both worlds.

Installation

1. Install TallStackUI

Don't worry about the Blade directives for styles and scripts inside the panel; we add them automatically for you.

2. Install this package via Composer:

composer require andrefelipe18/tallstackuifilament

3. Register the plugin for the Filament Panels you want to use:

use TallStackUIFilament\TallStackUIPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            TallStackUIPlugin::make()
        ]);
}

4. Run the following command:

For NPM users

npm run build && php artisan optimize:clear

For Bun users

bun run build && php artisan optimize:clear

For PNPM users

pnpm run build && php artisan optimize:clear

Usage

You can now use TallStackUI components in your Filament forms. For example:

use TallStackUIFilament\Forms\Components\Pin;

public function form(Form $form): Form
{
    return $form
        ->schema([
            Pin::make('pin_tallstack')
                ->label('Pin TallStackUI')
                ->helperText('Helper Text')
                ->hint('Hint Text')
                ->length(4)
                ->prefix('PIN')
                ->letters()
                ->required(),
        ]);
}

Documentation

• Checkbox
• Color
• Date
• Input
• Number
• Password
• Pin
• Range
• Select
• Tag
• Textarea
• Time
• Toggle

TODO:

• Write tests
• Add Signature component
• Add Radio component
• Add File component
• Add support a layout components (Step and Tabs)
• Add rating component
• Add support for relationship in Select component

Need Help?

🐞 If you spot a bug, please submit a detailed issue.

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

We welcome contributions of all kinds! If you'd like to improve this package, follow these steps:

1. Fork the repository.
2. Make your changes in a new branch.
3. Submit a pull request with a clear description of your changes.

Please see CONTRIBUTING for details.

Thank you for helping improve TallStackUI Filament! 🚀

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

• André Domingues
• All Contributors

License

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