'%3e%3crect%20width='100'%20height='100'%20rx='32'%20fill='white'/%3e%3crect%20x='38'%20y='-19'%20width='100'%20height='152'%20rx='32'%20fill='url(%23paint0_linear_232_25)'/%3e%3crect%20x='-46'%20y='-40'%20width='100'%20height='100'%20rx='32'%20fill='url(%23paint1_linear_232_25)'/%3e%3crect%20x='-21'%20y='53'%20width='100'%20height='100'%20rx='32'%20fill='url(%23paint2_linear_232_25)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_232_25'%20x1='68.5'%20y1='1.5'%20x2='132.327'%20y2='74.2422'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFDBDC'/%3e%3cstop%20offset='1'%20stop-color='%23FF24F0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_232_25'%20x1='32.5'%20y1='31.5'%20x2='-18.5'%20y2='-17.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23BCFDFF'/%3e%3cstop%20offset='1'%20stop-color='%2338FF50'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_232_25'%20x1='55.5'%20y1='50'%20x2='23'%20y2='97.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239ED0FF'/%3e%3cstop%20offset='1'%20stop-color='%230084FF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_232_25'%3e%3crect%20width='100'%20height='100'%20rx='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Layout Containers
Organize and partition structured information, layouts, and datasets inside document files.
1. Card
A beautiful structural wrapper containing header metadata and body elements.
Cards can wrap any markdown text, paragraphs, lists, and formatted text elements inside their main body.
2. Tabs
Organize related information into tabbed views. Supports default values and dynamic tab list sub-items.
Still under Development
3. Tables (with Hover Copy Utility)
All standard Markdown/GFM tables in Linx Books automatically feature a hover-activated schema copy utility inside the header row. Hovering over the table header reveals buttons to copy the data directly to your clipboard as JSON, CSV, or Markdown.
| Format | Output Description | Clipboard Serialization Example | |||
|---|---|---|---|---|---|
| JSON | Full array of column-mapped objects | [{"Format": "JSON", "Output Description": "..."}] | |||
| CSV | RFC 4180 compliant CSV string | "Format","Output Description","Clipboard..." | |||
| Markdown | Standard GitHub Flavored Markdown table | ` | Format | Output Description | ...` |
4. Project Timeline (ui:timeline)
Create responsive, roadmap / Gantt-style project timelines directly in markdown. The timeline automatically calculates its global scale bounds, generates background grid lines, and stacks overlapping tasks vertically within lanes.
Product Development Timeline
Configuration Options
| Property | Type | Description |
|---|---|---|
title | string | Optional title of the timeline roadmap. |
range | object | Optional custom container bounds with start and end dates (YYYY-MM-DD). |
groups | array | List of group lanes containing label and item child nodes. |
markedDates | array | List of custom milestones / important dates to render as solid vertical lines. |
Group Structure
label: Sticky horizontal lane header (e.g.Research,Design).items: List of items/bars containingtitle,start,end,color, anddescription.
Item Options
color:blue,green,red,yellow,purple,orange,indigo,pink, orgray(default).description: Custom details shown in the GPU-friendly CSS hover tooltip.
Marked Dates Options
date: Target date (YYYY-MM-DD) where the solid vertical line is rendered.label: Optional text label shown in a badge at the top of the line.color:primary(default),blue,green,red,yellow,purple,orange,indigo,pink, orgray.