<#MyMenu> a **ui:Menu**; ui:label "main-menu" ;
  ui:parts ( <#MyPlainLink> <#MySubmenu> <#MyComponentItem> <#MyCommand> ) ;
  ui:style "text-align:right;" .
  
<#MyPlainLink> a **ui:Link**; ui:label "Home" ;
  **ui:href** <./data/home.html> ;
  **ui:icon** <https://fontawesome.com/icons/house?s=solid> .

<#MySubMenu> a ui:Menu; ui:label "Settings" ;
  ui:parts ( <#Light> <#Dark> );

<#MyComponentItem> a **ui:Component**;  ui:label "sample data table" ;
  **ui:name** "sol-table" ;
  **schema:additionalProperty** [ schema:name "source" ; schema:value "./data/sample-data.ttl" ] .

# A command: ui:name with no hyphen isn't an element tag — it's a key dispatched
# as a `sol-command` event for the host app to handle. `acl:mode acl:Write` marks
# it as needing write access (rendered part="requires-write"; the app gates it).
<#MyCommand> a **ui:Component**; ui:label "Install on my Pod…" ;
  **ui:name** "installPod" ;
  **acl:mode** acl:Write .

<#Light> a ui:Link; ui:label "Light" ;
  ui:contents "you chose the 'Light' side)" .

<#Dark> a ui:Link; ui:label "Dark" ;
  ui:contents "you chose the 'Dark' side)" .