DocsRoadmapBlogChangelog
Dashboard
Home
Roadmap
Blog
Docs
Getting started
Tutorial
Step 1: Simple landing page
Step 2: Add a list of blocks
Step 3: Add a root for shared layout content
Step 4: Adding a blog
Step 5: Use a catch-all slug route
Configuration
Workspaces
Roots
Media
Schema
Type
Document
Fields
Path
Text
Rich Text
List
Tabs
Select
Number
Check
Date & time
Code
Object
Link
Entry
Url
File
Image
Custom fields
Roles & Permissions
Content
Querying content
Structural
Filtering
Related
Advanced
Examples
Editing content
Live previews
TypeScript
Deploy
Self-Hosted
Alinea Cloud
Reference
Internationalization
CLI
Agents playbook
DocsRoadmapBlogChangelog
Dashboard
Next.js
More coming soon
Introduction
Getting started
Tutorial
Step 1: Landing page
Step 2: Content blocks
Step 3: Shared root
Step 4: Blog
Step 5: Catch-all route
Configuration
Workspaces
Roots
Media
Schema
Type
Document
Fields
Path
Text
Rich Text
List
Tabs
Select
Number
Check
Date & time
Code
Object
Link
Entry
Url
File
Image
Custom fields
Roles & Permissions
Content
Querying content
Structural
Filtering
Related
Advanced
Examples
Editing content
Live previews
TypeScript
Deploy
Self-Hosted
Alinea Cloud
Reference
Internationalization
CLI
Agents playbook
Fields

Object

    An object field groups multiple fields together. The fields are defined using the type function.

    import {Config, Field} from 'alinea'
    
    Field.object('Address', {
      fields: {
        street: Field.text('Street'),
        zip: Field.text('Zip code', {width: 0.5}),
        city: Field.text('City', {width: 0.5})
      })
    })
    PreviousCode
    NextLink

    Developer

    Docs
    Changelog
    Playground
    Source

    Receive important updates
    in your inbox. No spam.