The Liferay Clay tag library provides a set of tags for creating Clay UI components in your app.
To use the Clay taglib in your apps, add the following 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 the following 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
The tutorials in this section cover how to create these components with the Clay taglibs. Each tutorial contains a set of clay component examples along with a screenshot of the resulting UI.