Component
Components
  • 🏠turbotech-component
  • 🚀Installations
  • 📦Required Package
  • 📦Laravel-Modules Style
  • ________________________________
  • Data Displays
    • Form View
      • Phone Formatted
    • Charts
      • Line Chart
      • Bar Chart
      • Pie Chart
      • Doughnut Chart
      • Polar Area Chart
      • Radar Chart
      • Scatter Chart
    • Stats
      • Trending
      • Simple
      • Brand
  • Elements
    • Buttons
      • Default Button
      • Primary Button
      • Secondary Button
      • Warning Button
      • Danger Button
      • Success Button
    • Forms Input
      • English Name
      • Khmer Name
      • Phone
      • URL
      • Camel URL
      • Email
  • Headings
    • Card Heading
    • Header
  • Layouts
    • Panels
      • Main Card
Powered by GitBook
On this page
  1. Layouts
  2. Panels

Main Card

Use for Main Content Card on SmartERP System.

PreviousPanels

Last updated 1 year ago

Was this helpful?

CtrlK
  • Params
  • Usage
  • Single Card Layout
  • Multiple Cards Layout

Was this helpful?

Main Card

Params

Param
value
Use for

grid

tailwindcss class name

divide columns for contents

class

tailwindcss class name

Usage

Single Card Layout

If you're using a sample layout card just apply this to the file blade

<x-main-card>
    Single Card
</x-main-card>

Multiple Cards Layout

In case multi card in the layout card

<x-main-card grid="1">
    <x-card-inner>
        Multi Card
    </x-card-inner>
    
    <x-card-inner>
        Multi Card
    </x-card-inner>
</x-main-card>