Package Card component

Figma Component
Action Package Card is used to display an individual Actions Package information.
Sema4.ai / Google Calendar

1.0.1

List calendars and search, create and update events in your Google Calendar.

Actions

Create event
List calendars
List events
Update event

Properties

NameDescriptionDefault
actions
Agent package Action name list
-
children
Optional Action Package card content
-
dataSources
Agent package Data Source name list
-
description

required

Agent package description
-
icon
Agent package icon img url or source
-
isOpen
Optional Open State
-
mcpTools
Agent package MCP Tools name list
-
onOpenChange
Optional Open State Change Handler
-
queries
Agent package Data Query name list
-
statusIcon
Optional Status Icon
-

0-10 of 12

Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.

Preview With Children

Package Card with Children

Sema4.ai / Linear

1.0.1

Linear actions for handling issues.

Actions

Add Comment
Create issue
Search issues

Configure Actions

Complete configuration to be able interact with related accounts and actions.

Preview With Mcp Tool

Package Card With MCP Tool

database-server

1.0.1

MCP server for database operations and queries.

MCP Tools

List Branches
List Files

Headers

Specified values will be added to the headers when making requests to the MCP Server.

Microsoft

(OAuth Secret)

Your API key for authentication.

Preview With Data Source

Package Card With Data Source

Action Package

1.0.1

Description

Actions

Action 1
Action 2
Action 3
Action 4
Action 5

Data

Data Source
Data Source

Configure Actions

Complete configuration to be able interact with related accounts and actions.