📄️ Input and textarea elements
The input and textarea components are the workhorses of form creation. They handle labels, values, validation errors, and layout automatically.
📄️ Model Binding and Default Values
Model binding allows you to populate your forms with data from Eloquent models or other objects automatically.
📄️ Select2
The select2 component wraps the popular Select2 library. It provides a robust dropdown with search, remote data loading, and dependent/cascading functionality.
📄️ Select elements
Besides the name attribute, the select element has a required options attribute, which should be a simple key-value array.
📄️ Tabs
You can use the tabs component to render JavaScript tabs. The tabs component requires an array or Collection of tabs. Optionally you can pass also pass in the name of the tab to be active. By default, the first tab will be marked as active. The content for each tab can be passed as named slots with the slot names same as the name of the tab in kebab case.
📄️ Conditional Wrapper
This component uses @javaabu/js-utilities conditionalDisplay data-enable-section-value function to conditionally enable or disable inputs based on another input value.
📄️ File Inputs and Image Inputs
Before using these components, make sure @javaabu/js-utilities is installed and updated to the latest version. Also remember to add the necessary sass.
📄️ WYSIWYG
Setup
📄️ Pagination blade partials
This package also provides blade partials for pagination views for Material Admin 2.6. You can use the partials like so in your blade views.
📄️ Accordion
You can use the accordion component to render JavaScript accordion. The accordion component requires an array or Collection of items. The content for each item can be passed as named slots with the slot names same as the key of the item in kebab case. If you want to add html content to the item header, you can use the -header slot to provide the content for that item's header.
📄️ Conditional Link
You can use the conditional-link component to render `` tags conditionally. This can be useful if you want to link to something only if a user has the permission to do so.