tld-fragments.menu-fragment.xml Maven / Gradle / Ivy
<fragment> <tag> <description>Renders a menu link</description> <display-name>Menu</display-name> <name>menuLink</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuLinkTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the icon to be used. available list https://fontawesome.com/icons</description> <name>icon</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the id of menu link</description> <name>id</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the URL to be used</description> <name>url</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label to be used</description> <name>label</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label key (i18n) to be used</description> <name>labelKey</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the target browser. Default: _self. Options: _self, _parent, _blank, namedeumiframe</description> <name>target</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates whether the component should be rendered. Default : true</description> <name>rendered</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.Boolean</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a dropdown menu</description> <display-name>Menu</display-name> <name>menuDropdown</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuDropDownTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the id for the component</description> <name>id</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label to be used in dropdown root</description> <name>label</name> <required>true</required> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label key (i18n) to be used in dropdown root</description> <name>labelKey</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates whether the component should be rendered</description> <name>rendered</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.Boolean</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a menu item on dropdown</description> <display-name>Menu</display-name> <name>menuDropdownItem</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuDropDownItemTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the id for the component</description> <name>id</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the icon to be used in the menu icon. available list https://fontawesome.com/icons</description> <name>icon</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the URL to be used</description> <name>url</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label to be used</description> <name>label</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label key (i18n) to be used</description> <name>labelKey</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the target browser. Default: _self. Options: _self, _parent, _blank, namedeumiframe</description> <name>target</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates whether the component should be rendered</description> <name>rendered</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.Boolean</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a menu collapsable content group</description> <display-name>Menu</display-name> <name>menuCollapsable</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuCollapsableTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the id of menu block to be collapsed</description> <name>id</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a menu collapse group</description> <display-name>Menu</display-name> <name>menuCollapse</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuCollapseTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the component name that triggers the menu group</description> <name>attachTo</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the id of component</description> <name>id</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>Indicates the component selector that triggers the menu group</description> <name>attachToSelector</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a horizontal menu</description> <display-name>Menu</display-name> <name>menu</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>It indicates whether the component should be fixed. Default none. Options : top,bottom</description> <name>fixed</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates whether the menu should be dark theme. Default : false</description> <name>dark</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.Boolean</type> </attribute> <attribute> <description>It indicates whether the menu should be light theme. Default : true</description> <name>light</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.Boolean</type> </attribute> <attribute> <description>It indicates a css class to the component</description> <name>cssClass</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a logo in the navigation menu in text format</description> <display-name>Menu</display-name> <name>menuBrand</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuBrandTag</tag-class> <body-content>scriptless</body-content> <attribute> <description>Indicates the URL to be called by clicking on the logo</description> <name>url</name> <required>true</required> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label to be used in brand logo</description> <name>label</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <attribute> <description>It indicates the label key (i18n) to be used in brand logo</description> <name>labelKey</name> <rtexprvalue>true</rtexprvalue> <type>java.lang.String</type> </attribute> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> <tag> <description>Renders a menu dropdown divider</description> <display-name>Menu</display-name> <name>menuDropdownDivider</name> <tag-class>com.jslsolucoes.tagria.tag.html.v4.tag.menu.MenuDropDownDividerTag</tag-class> <body-content>scriptless</body-content> <example> <html:menu dark="true"> <html:menuBrand label="my brand" url="/app/playground"></html:menuBrand> <html:menuCollapse attachToSelector="#block1" /> <html:menuCollapsable id="block1"> <html:menuDropdown label="Menu"> <html:menuDropdownItem label="Item 1" url="#" /> <html:menuDropdownDivider /> <html:menuDropdownItem label="Item 2" target="_blank" url="#" /> <html:menuDropdownItem icon="trash" label="Item 3" url="#" /> </html:menuDropdown> <html:menuLink label="My link" url="#" /> </html:menuCollapsable> </html:menu> </example> </tag> </fragment>