laravel bootstrap components

Euen Dieses Paket wurde zugunsten von https://github.com/okipa/laravel-form-components aufgegeben. Euen
=> Nur Fehlerbehebungen werden zusammengeführt. Bitte überlegen Sie, ob Sie zum neuen Paket ziehen.

Sparen Sie Zeit und nutzen Sie eine Reihe von dynamischen, fertigen und vollständig anpassbaren Bootstrap-Formkomponenten.

Fanden dieses Paket hilfreich? Bitte erwägen Sie, meine Arbeit zu unterstützen!

Kompatibilität

Laravel	Php	Bootstrap	Paket
^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

Upgrade Guide

• Von V4 bis V5
• Von v3 bis v4
• Von v2 bis v3
• Von v1 bis v2

Verwendung

Rufen Sie einfach die Komponenten an, die Sie in Ihren Ansichten benötigen, und lassen Sie dieses Paket den nervigen Teil der HTML -Generation kümmern.

Standard -Anwendungsfall

Nennen Sie diese Komponente in Ihrer Ansicht:

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

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

Und lassen Sie diese HTML für Sie generieren:

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

Mehrsprachiger Anwendungsfall

Nennen Sie diese Komponente in Ihrer Ansicht:

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

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

Und lassen Sie diese HTML für Sie generieren:

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

Inhaltsverzeichnis

• Installation
• Konfiguration
• Übersetzungen
• Ansichten
• API -Dokumentation
• Testen
• Changelog
• Beitragen
• Credits
• Lizenz

Installation

• Installieren Sie das Paket mit Composer:

composer require okipa/laravel-bootstrap-components

Konfiguration

Veröffentlichen Sie die Paketkonfigurationsdatei, um sie gegebenenfalls anzupassen:

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

Euen Möglicherweise müssen Sie einen composer dump-autoload ausführen, nachdem Sie einen Pfad in Ihrer Konfigurationsdatei geändert haben.

Übersetzungen

Alle angezeigten Beschriftungen oder Sätze sind übersetzbar.

Sehen Sie, wie Sie sie in der offiziellen Dokumentation von Laravel übersetzen: https://laravel.com/docs/localization#using-translation-strings-as-keys.

Hier ist die Liste der Wörter und Sätze für die Übersetzung:

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

Sie müssen auch jedes Attribut definieren, das Sie in der Methode ->name() in der Übersetzungsdatei zur validation ( attributes ) definieren.

Ansichten

Veröffentlichen Sie die Paketansichten, um sie gegebenenfalls anzupassen:

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

API -Dokumentation

• Komponentenliste
• Komponententypen

Testen

composer test 

Changelog

Weitere Informationen finden Sie in letzter Zeit, was in letzter Zeit geändert wurde.

Beitragen

Weitere Informationen finden Sie unter Beitrag.

Credits

• Arthur Lorent
• Alle Mitwirkenden

Lizenz

Die MIT -Lizenz (MIT). Weitere Informationen finden Sie unter Lizenzdatei.