PharmaB PharmaB
Settings

John Doe

john@example.com

Your Profile Settings Help

UI Components Showcase

A comprehensive collection of reusable Blade and Livewire components

Livewire Components

Modal Component

Dynamic modal windows with various sizes and configurations

Toast Notifications

Real-time notifications with different types and positions

Autocomplete Component

Search and select from large datasets with real-time filtering

No results found

Tabs Component

Organize content with different tab styles

Default Style

'], ['key' => 'inventory', 'label' => 'Inventory', 'badge' => '24'], ['key' => 'history', 'label' => 'History'], ['key' => 'settings', 'label' => 'Settings', 'disabled' => true] ]" />

Pills Style

Tab content goes here. You can show/hide content based on the active tab.

Underline Style

Tab content goes here. You can show/hide content based on the active tab.

Dashboard Widgets

Display metrics and KPIs with trends and actions

', 'trend' => 'up', 'trendValue' => '12%', 'trendLabel' => 'from last month', 'color' => 'green' ]" /> ', 'color' => 'blue', 'actions' => [ ['name' => 'view_all', 'label' => 'View All Orders'], ['name' => 'export', 'label' => 'Export Data'] ] ]" /> ', 'trend' => 'down', 'trendValue' => '5%', 'color' => 'yellow' ]" />

Data Table Component

Feature-rich data tables with sorting, searching, and pagination

Manufacturer Actions
1 Panadol Jun 05, 2025
2 4-All tablet The Arab Pharmaceutical Manufacturing PSC Jun 05, 2025
3 Adol Caplet Professional Drug Store Jun 05, 2025
4 Adol Extra Professional Drug Store Jun 05, 2025
5 Adol Supp. Professional Drug Store Jun 05, 2025
Showing 1 to 5 of 136 results

Search Filter Component

Advanced filtering with multiple input types

Blade Components

Buttons

Various button styles and states

Button Variants

Button Sizes

Button States

Icon Buttons