Card Grid Block
Display content in a responsive grid of cards. Each card can include an icon, title, description, and optional link. Configure between 2 to 4 columns.
Card grids present information in visually distinct, scannable units. They work well for feature overviews, service listings, navigation hubs, and any content where readers benefit from seeing multiple options at once.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Columns | No | Number of columns in the grid (2, 3, or 4). Default: 3 |
| Cards | Yes | Array of card items to display |
Card Properties
| Property | Required | Description |
|---|---|---|
| Icon | No | Emoji or symbol displayed at the top of the card |
| Title | Yes | Card heading text |
| Description | Yes | Brief text explaining the item |
| Link | No | URL for optional Learn More action |
Example: Feature Overview
A 3-column grid showcasing product features.
Content Foundry
A wide range of content block types for building complete documentation pages.
Schema Editor
Visual editor for JSON Schema with validation and example generation.
REST API Docs
Document APIs with interactive request builders and response examples.
Diagram Tools
Four diagram types for architecture, flows, and relationships.
Theming
Customise colours, fonts, and branding for your documentation site.
Cloud Publishing
Publish to Azure Blob Storage or export for static hosting.
Example: 2-Column Layout
Wider cards work better for longer descriptions.
Getting Started
Learn the basics of NeoArc Studio, from installation to creating your first documentation page.
User Guide
Full documentation covering all features, editors, and publishing options.
Editing Card Grids
| Action | How To |
|---|---|
| Set Columns | Use the column selector to choose 2, 3, or 4 columns |
| Add Card | Click the Add Card button for new entries |
| Edit Card | Fill in text fields for icon, title, description, and link |
| Remove Card | Click the trash icon on individual cards |
| Preview | View the live preview of the grid layout |