laravel bootstrap components

️ Ce package a été abandonné en faveur de https://github.com/okipa/laravel-forme-components. ️
=> Seules les correctifs de bug seront fusionnés. Veuillez envisager de passer au nouveau package.

Gagnez du temps et profitez d'un ensemble de composants de formulaire de bootstrap dynamiques, prêts à l'emploi et entièrement personnalisables.

Vous avez trouvé ce package utile? Veuillez envisager de soutenir mon travail!

Compatibilité

Laravel	Php	Amorce	Emballer
^ 7.0	^ 7.4	^ 4.0	^ 5.0
^ 7.0	^ 7.4	^ 4.0	^ 4.0
^ 7.0	^ 7.4	^ 4.0	^ 3.0
^ 5.8	^ 7.2	^ 4.0	^ 2.0
^ 5.5	^ 7.1	^ 4.0	^ 1.0

Guide de mise à niveau

• De V4 à V5
• De V3 à V4
• De V2 à V3
• De V1 à V2

Usage

Appelez simplement les composants dont vous avez besoin dans vos vues et laissez ce package prendre soin de la partie ennuyeuse de la génération HTML.

Cas d'utilisation standard

Appelez ce composant dans votre avis:

 {{-- Helper style --}}
{{ inputText () -> name ( ' name ' ) } }

{{-- Facade style --}}
{{ InputText :: name ( ' name ' ) } }

Et obtenez ce HTML généré pour vous:

< div class = " component-container form-group " >
    < label for = " text-name " >
        Name
    </ label >
    < div class = " input-group " >
        < div class = " input-group-prepend " >
            < span class = " input-group-text " >
                < i class = " fas fa-font " ></ i >
            </ span >
        </ div >
        < input id = " text-name "
            class = " component form-control "
            type = " text "
            name = " name "
            value = " "
            placeholder = " Name " >
    </ div >
</ div >

Cas d'utilisation multilingue

Appelez ce composant dans votre avis:

 {{-- Helper style --}}
{{ inputText () -> name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

{{-- Facade style --}}
{{ InputText :: name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

Et obtenez ce HTML généré pour vous:

 < div class =" component-container form-group " >
    < label for =" text-title-fr " >
        Title (FR)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-fr "
            class =" component form-control "
            type =" text "
            name =" title[fr] "
            value =""
            placeholder =" Title (FR) "
            data-locale =" fr " >
    </ div >
</ div >
< div class =" component-container form-group " >
    < label for =" text-title-en " >
        Title (EN)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-en "
            class =" component form-control "
            type =" text "
            name =" title[en] "
            value =""
            placeholder =" Title (EN) "
            data-locale =" en " >
    </ div >
</ div > 

Table des matières

• Installation
• Configuration
• Traductions
• Vues
• Documentation API
• Essai
• Changelog
• Contributif
• Crédits
• Licence

Installation

• Installez le package avec compositeur:

composer require okipa/laravel-bootstrap-components

Configuration

Publiez le fichier de configuration du package pour le personnaliser si nécessaire:

php artisan vendor:publish --tag=bootstrap-components:config

️ Vous devrez peut-être exécuter un composer dump-autoload après avoir modifié un chemin dans votre fichier de configuration.

Traductions

Toutes les étiquettes ou phrases affichées sont traduites.

Voyez comment les traduire sur la documentation officielle de Laravel: https://laravel.com/docs/localization#using-translation-strings-as-keys.

Voici la liste des mots et phrases disponibles pour la traduction:

• Create
• Update
• Validate
• Back
• Cancel
• Remove
• No file selected.
• Awaited format: Day/Month/Year.
• Awaited format: Hour:Minutes.
• Awaited format: Day/Month/Year Hour:Minutes.
• Your browser does not support the :tag HTML5 tag.

Vous devrez également définir chaque attribut que vous définissez dans la méthode ->name() dans le fichier de traduction de validation (clé attributes ).

Vues

Publiez les vues du package pour les personnaliser si nécessaire:

php artisan vendor:publish --tag=bootstrap-components:views

Documentation API

• Liste des composants
• Types de composants

Essai

composer test 

Changelog

Veuillez consulter Changelog pour plus d'informations ce qui a changé récemment.

Contributif

Veuillez consulter la contribution pour plus de détails.

Crédits

• Arthur Lorent
• Tous les contributeurs

Licence

La licence MIT (MIT). Veuillez consulter le fichier de licence pour plus d'informations.