35 lines
1.1 KiB
JSON
35 lines
1.1 KiB
JSON
{
|
|
"id": "segmented-nav",
|
|
"name": "SegmentedNav",
|
|
"kind": "component",
|
|
"status": "draft-stable",
|
|
"summary": "Rounded grouped navigation control used in topbars and mode switchers.",
|
|
"sourceRefs": [
|
|
{
|
|
"project": "nodedc_launcher",
|
|
"file": "src/styles/globals.css",
|
|
"classes": ["nodedc-expanded-nav-group", "nodedc-expanded-nav-button"]
|
|
},
|
|
{
|
|
"project": "nodedc_taskmanager",
|
|
"file": "plane-src/apps/web/styles/globals.css",
|
|
"classes": ["nodedc-toolbar-group", "nodedc-toolbar-pill", "nodedc-toolbar-primary"]
|
|
}
|
|
],
|
|
"visualContract": {
|
|
"groupRadius": "999px",
|
|
"groupPadding": "0.25rem",
|
|
"buttonRadius": "999px",
|
|
"buttonHeight": "2.5rem to 3rem depending on header scale",
|
|
"activeFill": "white or accent depending on context",
|
|
"inactiveFill": "transparent or dark group surface"
|
|
},
|
|
"rules": [
|
|
"No outlines.",
|
|
"All items share height.",
|
|
"Active segment does not resize the group.",
|
|
"Use text labels only for route/mode tabs; icon-only actions use CircleActionButton."
|
|
]
|
|
}
|
|
|