Clay Tag Library

The Liferay Clay tag library provides a set of tags for creating Clay UI components in your app.

note

AUI taglibs are deprecated as of Liferay 7.1. We recommend that you use Clay taglibs to avoid future compatibility issues.

To use the Clay taglib in your apps, add this declaration to your JSP:

<%@ taglib prefix="clay" uri="http://liferay.com/tld/clay" %>

The Liferay Clay taglib is also available via a macro for your FreeMarker theme templates and web content templates. Follow this syntax:

[@clay["tag-name"] attribute="string value" attribute=10 /]

Clay taglibs provide these UI components for your apps:

• Alerts
• Badges
• Buttons
• Cards
• Dropdown Menus and Action Menus
• Form Elements
• Icons
• Labels and links
• Management Toolbar
• Navigation Bars
• Progress Bars
• Stickers

This section covers how to create these components with the Clay taglibs. Each article contains a set of clay component examples along with a screenshot of the resulting UI.