4-Column Layout

Default four-column quick action grid for a full dashboard toolbar.

New Project
Add User
Generate Report
Settings

3-Column Layout

Three-column action grid for focused workflows.

Upload
Download
Share

2-Column Layout

Compact two-column layout for simple action pairs.

Upload
Download

DevOps Actions

Quick action panel for common developer operations.

Deploy
Branch
Console
Database

Usage

<QuickActions columns="4"> <div><Icon name="plus" size="20" color="#c9952c" /><span>New Project</span></div> <div><Icon name="users" size="20" color="#c9952c" /><span>Add User</span></div> <div><Icon name="file-text" size="20" color="#c9952c" /><span>Generate Report</span></div> <div><Icon name="settings" size="20" color="#c9952c" /><span>Settings</span></div></QuickActions>

Props

PropTypeDefaultDescription
columnstext"4"Number of grid columns: 2, 3, or 4
childrencontent-Action items (each in a div with icon and label)