Download the PHP package kingmaker/filament-flex-layout without Composer

On this page you can find all versions of the php package kingmaker/filament-flex-layout. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of kingmaker/filament-flex-layout

Informations about the package filament-flex-layout

[!CAUTION] For Filament v4+, use the native Flex layout component.

Filament Flex Layout

Version Packagist Downloads Filament 3.3+ Tests License

This package provides the Flexbox layout for the forms & infolists components in your Filament admin panel.

Documentation

The Split layout Component in the Forms and Infolists of the Filament panel has been implemented using the CSS Flexbox, But unfortunatley it doesn't support important properties such as justify-content to manage the arrangement of its children.

The Flex layout Component solves this problem. The Flex is a sub-class of the Split component and provides additional APIs to align the Horizontal Arrangement (justify-content) and Flex Gap (gap).

[!IMPORTANT] The Children of the Flex component must be chained with ->grow(false) method for this to work.

Horizontal Arrangement

The Horizontal placement can be managed using ->horizontalArrangement() method.

Flex Gap

The Gap between the children can be controlled using the ->gap() method. The gap can be set to a specific value or a Tailwind CSS spacing utility class.

Requirements

This package expects filament/filament package to be over v3.3.

Installation

The package can be installed via Composer.

Theming

[!NOTE] You need to use custom theme for the Flex component to work properly.

Add the plugin's views to your tailwind.config.js file.

Then, add few classes (gap-*) to your tailwind config file's safelist.

Usage

Within your Forms and Infolists schema definition, You can use the Flex layout Component provided by this package.

API Reference

The Flex component is available for the forms and infolists

The Flex component extends the Split component and provides the following additional methods:

  1. gap(int|string|Closure $value) - Set the gap between the children. The value can be a number or a Tailwind CSS spacing utility class.
  2. horizontalArrangement(HorizontalArrangement|string|Closure $value) - Set the horizontal arrangement of the children.
    • The value can be one of the HorizontalArrangement enum values.
    • The value can be one of strings: start, center, end, evenly, between, around, stretch.
    • The value can be a closure that returns one of the above values.

Utility Methods

  1. horizontallyArrangeStart(Closure|bool $condition = true) - Set the horizontal arrangement to start if the condition is true.
  2. horizontallyArrangeCenter(Closure|bool $condition = true) - Set the horizontal arrangement to center if the condition is true.
  3. horizontallyArrangeEnd(Closure|bool $condition = true) - Set the horizontal arrangement to end if the condition is true.
  4. horizontallyArrangeSpaceEvenly(Closure|bool $condition = true) - Set the horizontal arrangement to evenly if the condition is true.
  5. horizontallyArrangeSpaceBetween(Closure|bool $condition = true) - Set the horizontal arrangement to between if the condition is true.
  6. horizontallyArrangeSpaceAround(Closure|bool $condition = true) - Set the horizontal arrangement to around if the condition is true.
  7. horizontallyArrangeStretch(Closure|bool $condition = true) - Set the horizontal arrangement to stretch if the condition is true.
  8. horizontallyArrangeBaseline(Closure|bool $condition = true) - Set the horizontal arrangement to baseline if the condition is true.

Contributing

Contributions are always welcome!

License

This Package was being published under MIT License.

All versions of filament-flex-layout with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1
filament/forms Version ^v3.3
filament/infolists Version ^v3.3
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package kingmaker/filament-flex-layout contains the following files

Loading the files please wait ...