laravel bootstrap components

️ Este pacote foi abandonado em favor de https://github.com/okipa/laravel-form-comptonents. ️
=> Somente as correções de bug serão mescladas. Por favor, considere mudar para o novo pacote.

Economize tempo e aproveite um conjunto de componentes dinâmicos, prontos para uso e totalmente personalizáveis.

Achou este pacote útil? Por favor, considere apoiar meu trabalho!

Compatibilidade

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

Guia de atualização

• De V4 a V5
• De V3 a V4
• De V2 a V3
• De v1 a v2

Uso

Basta chamar os componentes de que você precisa em suas opiniões e deixar este pacote cuidar da parte irritante da geração HTML.

Caso de uso padrão

Chame esse componente em sua opinião:

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

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

E obtenha este HTML gerado para você:

< 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 multilíngue

Chame esse componente em sua opinião:

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

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

E obtenha este HTML gerado para você:

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

Índice

• Instalação
• Configuração
• Traduções
• Visualizações
• Documentação da API
• Teste
• Changelog
• Contribuindo
• Créditos
• Licença

Instalação

• Instale o pacote com o Composer:

composer require okipa/laravel-bootstrap-components

Configuração

Publique o arquivo de configuração do pacote para personalizá -lo, se necessário:

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

️ Você pode precisar executar um composer dump-autoload depois de alterar um caminho no seu arquivo de configuração.

Traduções

Todos os rótulos ou frases exibidos são traduzíveis.

Veja como traduzi-los na documentação oficial do Laravel: https://laravel.com/docs/localization#using-translation-strings-as-keys.

Aqui está a lista das palavras e frases disponíveis para tradução:

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

Você também precisará definir cada atributo que você definir no método ->name() no arquivo de tradução de validation (chave attributes ).

Visualizações

Publique as visualizações do pacote para personalizá -las, se necessário:

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

Documentação da API

• Lista de componentes
• Tipos de componentes

Teste

composer test 

Changelog

Consulte Changelog para obter mais informações o que mudou recentemente.

Contribuindo

Por favor, consulte a contribuição para obter detalhes.

Créditos

• Arthur Lorent
• Todos os colaboradores

Licença

A licença do MIT (MIT). Consulte o arquivo de licença para obter mais informações.