<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>How to override clay component?</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=119927892" />
  <subtitle>How to override clay component?</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=119927892</id>
  <updated>2026-04-03T14:16:50Z</updated>
  <dc:date>2026-04-03T14:16:50Z</dc:date>
  <entry>
    <title>How to override clay component?</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119927891" />
    <author>
      <name>Václav Suchánek</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119927891</id>
    <updated>2020-09-10T11:47:56Z</updated>
    <published>2020-09-10T11:47:56Z</published>
    <summary type="html">Hello,&lt;br /&gt;&lt;br /&gt;When I look at Liferay front-end development I can see there is a lot of things replaced with react or clay components.&lt;br /&gt;The classic liferay-ui components/taglibs is possible to override thanks to JSP overrides and it is very handy.&lt;br /&gt;But these liferay-ui components are continuously replaced with clay components. And I can&amp;#39;t see some elegant way how to customize clay components.&lt;br /&gt;Every clay component offers its property, but what if I need to slightly customize HTML structure?&lt;br /&gt;I can easily replace clay component with hardcoded HTML structure, but that is not what I&amp;#39;m looking for.&lt;br /&gt;&lt;br /&gt;Example:&lt;br /&gt;Clay component: &amp;lt;clay:management-toolbar&amp;gt; has creationMenu and this menu has some dropdown items.&lt;br /&gt;I&amp;#39;m able to set href, label and another properties on dropdownItems.&lt;br /&gt;But what if I want to add a new attribute like data-senna-off=&amp;#34;true&amp;#34; to &amp;lt;a&amp;gt; link element inside of dropdown item?&lt;br /&gt;Is there some elegant way how to achieve this?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Thanks in advance.&lt;br /&gt;&lt;br /&gt;Vaclav</summary>
    <dc:creator>Václav Suchánek</dc:creator>
    <dc:date>2020-09-10T11:47:56Z</dc:date>
  </entry>
</feed>
