laravel bootstrap components

ショ和このパッケージは、https：//github.com/okipa/laravel-form-componentsを支持して放棄されています。ショ和
=>バグ修正のみがマージされます。新しいパッケージに移動することを検討してください。

時間を節約し、動的ですぐに使用できる、完全にカスタマイズ可能なブートストラップフォームコンポーネントのセットを利用してください。

このパッケージは役立ちましたか？私の仕事をサポートすることを検討してください！

互換性

ララヴェル	Php	ブートストラップ	パッケージ
^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

アップグレードガイド

• V4からV5へ
• V3からV4へ
• V2からV3へ
• V1からV2へ

使用法

ビューで必要なコンポーネントを呼び出して、このパッケージにHTML世代の迷惑な部分を処理させてください。

標準ユースケース

あなたの見解でこのコンポーネントを呼び出します：

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

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

そして、このHTMLをあなたのために生成してください：

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

多言語のユースケース

あなたの見解でこのコンポーネントを呼び出します：

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

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

そして、このHTMLをあなたのために生成してください：

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

目次

• インストール
• 構成
• 翻訳
• ビュー
• APIドキュメント
• テスト
• Changelog
• 貢献
• クレジット
• ライセンス

インストール

• 作曲家にパッケージをインストールします。

composer require okipa/laravel-bootstrap-components

構成

必要に応じてパッケージ構成ファイルを公開してカスタマイズします。

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

ショ和構成ファイルのパスを変更した後、 composer dump-autoloadを実行する必要がある場合があります。

翻訳

すべての表示されたラベルまたは文は翻訳可能です。

Laravelの公式文書でそれらを翻訳する方法を参照してください：https：//laravel.com/docs/localization#using-translation-strings-as-keys。

翻訳に利用できる単語と文のリストは次のとおりです。

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

また、 validation （ attributesキー）翻訳ファイルの->name()メソッドで定義する各属性を定義する必要があります。

ビュー

必要に応じてパッケージビューを公開してカスタマイズします。

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

APIドキュメント

• コンポーネントリスト
• コンポーネントタイプ

テスト

composer test 

Changelog

最近変更されたものについては、Changelogをご覧ください。

貢献

詳細については、寄付をご覧ください。

クレジット

• アーサー・ローレント
• すべての貢献者

ライセンス

MITライセンス（MIT）。詳細については、ライセンスファイルをご覧ください。