#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.