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
  • Params
  • Usage
  • Single Card Layout
  • Multiple Cards Layout

Was this helpful?

  1. Layouts
  2. Panels

Main Card

Use for Main Content Card on SmartERP System.

PreviousPanels

Last updated 1 year ago

Was this helpful?

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>
Main Card