Download the PHP package rapidez/blade-components without Composer

On this page you can find all versions of the php package rapidez/blade-components. 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 rapidez/blade-components

Informations about the package blade-components

Rapidez Blade Components

This package includes some Tailwind CSS styled Blade components, the components do not need or require Rapidez. This package is only used within Rapidez by default, but can be used in any Laravel project.

The idea with these components is to have a good starting point and centralized styling. Most of the components use a Anonymous Index, this way you have a default and variants can be added next to it. We're using the (currently undocumented) component name guessing here.

We don't provide a input + label combination component as you'll end up with attribute merging issues. We can't guess where the attribute should go; the input or the label. We could provide a 99% use case but you'll eventually end up with exceptions and complexity within the components. But; we do provide it for the checkbox and radio as you can see within those components. If you don't need the label you can use the base component as you can find within the examples.

The base button doesn't have any styling; here, we only use the x-rapidez::tag. All other buttons use the button/button, which contains the basic styling for buttons, such as padding, hover effects, and the disabled state. The button variants contain styling for the background and text color. There is only one exception: the button/slider, which has more custom styling than the other button variants.

Installation

Make sure these colors and z-indexes are present in your tailwind.config.js file:

And make sure you add this in your tailwind.config.js file:

Views

If you like to change the components you can publish the views with:

Prose component

If you're going to use the Prose component and you're not using Rapidez; you've to import the CSS file manually:

With Rapidez this is already imported from the app.js.

Read more component

The readmore component includes some Javascript, we're using a Blade Stack named foot for that. Make sure you've an @stack('foot') before your closing </body> tag. Within Rapidez this is already present within the layouts/app.blade.php.

Usage

Just like any other Blade component, check out the Laravel Blade docs and the examples within the components code linked above. All components are prefixed with x-rapidez:: to avoid any conflicts with existing Blade components within your project.

Basic examples

Input with a label

Checkbox

Prose

Accordion

Slideover

Make sure to add this class to your body tag to prevent scrolling when the slideover is open:

Tag

It is a Blade version of a dynamic Vue component

Usage

which will result in

Changing components

If you like to change the components you can publish the views with:

Preview

There is a preview Blade file included with all the components, to view that in your project you could register a route for it within routes/web.php and visit the /components route from your browser:

Development

When you're working on this package you can use composer preview-demo to get a preview in the browser. There is also another script: generate-demo which runs automatically on push.

License

GNU General Public License v3. Please see License File for more information.

All versions of blade-components with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1|^8.2|^8.3|^8.4
blade-ui-kit/blade-heroicons Version ^2.6
gehrisandro/tailwind-merge-laravel Version ^1.3
rapidez/blade-directives Version ^1.1
illuminate/view Version ^11.29|^12.0
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 rapidez/blade-components contains the following files

Loading the files please wait ....