laravel bootstrap components

️ Este paquete ha sido abandonado a favor de https://github.com/okipa/laravel-form-components. ️
=> Solo se fusionarán las correcciones de errores. Considere mudarse al nuevo paquete.

Ahorre tiempo y aproveche un conjunto de componentes dinámicos, listos para usar y totalmente personalizables de forma de arranque.

¿Encontró este paquete útil? ¡Considere apoyar mi trabajo!

Compatibilidad

Laravado	Php	Oreja	Paquete
^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

Guía de actualización

• De v4 a v5
• De V3 a V4
• De V2 a V3
• De V1 a V2

Uso

Simplemente llame a los componentes que necesita en sus puntos de vista y deje que este paquete se encargue de la parte molesta de la generación HTML.

Caso de uso estándar

Llame a este componente en su punto de vista:

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

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

Y obtenga este HTML para usted:

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

Caso de uso multilingüe

Llame a este componente en su punto de vista:

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

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

Y obtenga este HTML para usted:

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

Tabla de contenido

• Instalación
• Configuración
• Traducciones
• Vistas
• Documentación de API
• Pruebas
• Colegio de cambios
• Que contribuye
• Créditos
• Licencia

Instalación

• Instale el paquete con el compositor:

composer require okipa/laravel-bootstrap-components

Configuración

Publique el archivo de configuración del paquete para personalizarlo si es necesario:

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

️ Es posible que deba ejecutar un composer dump-autoload después de cambiar una ruta en su archivo de configuración.

Traducciones

Todas las etiquetas o oraciones mostradas son traducibles.

Vea cómo traducirlos en la documentación oficial de Laravel: https://laravel.com/docs/localization#using-translation-strings-s-keys.

Aquí está la lista de las palabras y oraciones disponibles para la traducción:

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

También deberá definir cada atributo que defina en el método ->name() en el archivo de traducción de validation (clave attributes ).

Vistas

Publique las vistas del paquete para personalizarlas si es necesario:

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

Documentación de API

• Lista de componentes
• Tipos de componentes

Pruebas

composer test 

Colegio de cambios

Consulte ChangeLog para obtener más información lo que ha cambiado recientemente.

Que contribuye

Consulte contribuyendo para obtener más detalles.

Créditos

• Arthur Lorent
• Todos los contribuyentes

Licencia

La licencia MIT (MIT). Consulte el archivo de licencia para obtener más información.