xbot-my/laravel-oneui
最新稳定版本:v1.2.1
Composer 安装命令:
composer require xbot-my/laravel-oneui
包简介
OneUI Blade Component for Laravel.
README 文档
README
A comprehensive Laravel Blade component library for OneUI Bootstrap 5 Admin Template.
Requirements
- PHP 8.2+
- Laravel 11.x or 12.x
- OneUI 5.x (purchased separately from pixelcave)
Installation
composer require xbot-my/laravel-oneui
Publish assets:
php artisan vendor:publish --tag=oneui-assets
Quick Start
<x-oneui::page> <x-slot:title>Dashboard</x-slot> <x-slot:content> <x-oneui::block title="Welcome"> Hello, World! </x-oneui::block> </x-slot> </x-oneui::page>
Available Components
Layout
| Component | Usage |
|---|---|
page |
Full page layout with sidebar/header |
block |
Content block with header |
hero |
Hero section |
container |
Bootstrap container |
row / col |
Grid system |
offcanvas |
Slide-out drawer |
Form
| Component | Usage |
|---|---|
button |
Buttons with variants |
input |
Text inputs |
select |
Select dropdowns |
checkbox / radio |
Form controls |
input-group |
Input groups |
file-input |
File upload |
floating-label |
Floating labels |
form |
Form wrapper |
Data Display
| Component | Usage |
|---|---|
table |
Data-driven tables |
badge |
Status badges |
card |
Cards |
pagination |
Paginator |
Navigation
| Component | Usage |
|---|---|
breadcrumb |
Breadcrumbs |
nav-tabs |
Tab navigation |
sidebar-menu |
Sidebar navigation |
nav-item |
Nav menu items |
Feedback
| Component | Usage |
|---|---|
alert |
Alert messages |
spinner |
Loading spinners |
toast |
Toast notifications |
progress |
Progress bars |
loading |
Full-screen loader |
Overlay
| Component | Usage |
|---|---|
modal |
Modal dialogs |
dropdown |
Dropdown menus |
Examples
Button
<x-oneui::button type="primary">Primary</x-oneui::button> <x-oneui::button type="success" :outline="true">Outline</x-oneui::button> <x-oneui::button type="danger" size="lg">Large</x-oneui::button>
Table
<x-oneui::table :data="$users" :columns="[ ['key' => 'name', 'label' => 'Name'], ['key' => 'email', 'label' => 'Email'], ['key' => 'status', 'label' => 'Status'], ]" :badgeMap="['status' => ['active' => 'success', 'inactive' => 'danger']]" />
Grid
<x-oneui::row gap="3"> <x-oneui::col md="4">Column 1</x-oneui::col> <x-oneui::col md="4">Column 2</x-oneui::col> <x-oneui::col md="4">Column 3</x-oneui::col> </x-oneui::row>
Offcanvas
<x-oneui::offcanvas id="cart" title="Shopping Cart" position="end"> Cart content... <x-slot:footer> <button class="btn btn-primary w-100">Checkout</button> </x-slot> </x-oneui::offcanvas> <button data-bs-toggle="offcanvas" data-bs-target="#cart">Open Cart</button>
License
MIT License. See LICENSE for details.
Credits
统计信息
- 总下载量: 3
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 0
- 点击次数: 0
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2025-12-18
