Laravel Dashboard Kit 的仪表板 UI 包

v2.1.6 2024-05-12 11:05 UTC

This package is auto-updated.

Last update: 2024-09-12 11:46:51 UTC


README

需求

路由

  • /logout: POST

仪表板主题结构

您的主题应包含以下结构

布局

  • full
  • horizontal
  • blank

全局属性

header: = false 隐藏头部 menu: = false 隐藏菜单

组件

  • 徽章
    • color: primary, secondary, success, danger, warning, info, light, dark. 默认是 light
    • pill: 获取圆角形状
  • 表单
    • action: 提交的 URL
    • method: 默认是 POST
  • 表单输入
    • 其中 $slot 是标签和占位符
    • 名称
    • 必需
    • <x-slot name="before"></x-slot>
    • 图标前
    • <x-slot name="after"></x-slot>
    • 图标后
    • mask: 在输入下方添加文本
    • dir: rtl 或 ltr
  • 表单标签
    • required: 默认 false
  • 表单提交
  • 卡片
    • 标题
    • 副标题
    • 图片
    • align: center, left, right
  • 按钮
    • color: 默认 info
    • size: 默认 normal
    • expand: 默认 normal
    • href: 转换为 锚标签
  • 登录
    • $slot 将被添加到额外部分
    • action: 表单提交动作
    • 标题
    • 副标题
    • 电子邮件输入名称
    • 密码输入名称
    • 记住复选框名称
    • 大小
    • md
    • lg
  • flex
    • x: 在 flex 方向:start, end, center, between, around
    • y: 在相反的 flex 方向 start, end, center, baseline, stretch

小部件

  • 进度条
    • value: 进度条值
    • 颜色