Download the PHP package talalalmrka/fgx without Composer
On this page you can find all versions of the php package talalalmrka/fgx. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download talalalmrka/fgx
More information about talalalmrka/fgx
Files in talalalmrka/fgx
Package fgx
Short Description Reusable UI Components for Laravel by fadgram
License MIT
Informations about the package fgx
Fgx UI Components
Table of Contents
- Installation
- Configuration
- Usage
- Components
- Alert
- Badge
- Button
- Card
- Dropdown
- Input
- Modal
- Table
- Updating caches
- Available Components
- Testing
- License
Installation
Configuration
To publish the configuration file, run:
Usage
Components
Alert
The Alert
component is used to display alert messages.
Usage:
Available Props:
type
(string): The type of alert. Possible values:success
,error
,warning
,info
. Default:info
.message
(string): The message to display in the alert.
Breadcrumbs
The Breadcrumbs
component is used to display a breadcrumb navigation.
Usage:
Available Props:
links
(array): An array of breadcrumb links. Each link should be an associative array with the following keys:label
(string): The text to display for the breadcrumb.url
(string): The URL for the breadcrumb. Optional for the last breadcrumb in the list.
- If
url
is not provided, the breadcrumb will be rendered as plain text.
Badge
The Badge
component is used to display small status indicators.
Usage:
Available Props:
type
(string): The type of badge. Possible values:success
,error
,warning
,info
. Default:info
.text
(string): The text to display inside the badge.
Button
The Button
component is used to render buttons.
Usage:
Available Props:
type
(string): The button type. Possible values:submit
,button
,reset
. Default:button
.class
(string): Additional CSS classes for styling the button.disabled
(boolean): Whether the button is disabled. Default:false
.
Card
The Card
component is used to display content within a card layout.
Usage:
Available Props:
title
(string): The title of the card.footer
(string): The footer content of the card. Optional.
Dropdown
The Dropdown
component is used to display dropdown menus.
Usage:
Available Props:
label
(string): The label for the dropdown.items
(array): An array of dropdown items. Optional.
Input
The Input
component is used to render input fields.
Usage:
Available Props:
name
(string): The name attribute of the input field.type
(string): The type of the input field. Default:text
.placeholder
(string): The placeholder text for the input field.value
(string): The default value of the input field. Optional.
Modal
The Modal
component is used to display modal dialogs.
Usage:
Available Props:
id
(string): The unique identifier for the modal.title
(string): The title of the modal.size
(string): The size of the modal. Possible values:sm
,md
,lg
. Default:md
.
Table
The Table
component is used to display tabular data.
Usage:
Available Props:
headers
(array): An array of column headers.rows
(array): An array of row data.
You can customize the components by publishing the views:
Updating caches
Available Components
Testing
To run the tests, use:
License
This project is licensed under the MIT License.
All versions of fgx with dependencies
laravel/framework Version ^8.0|^9.0|^10.0|^11.0|^12.0