![image](https://user-images.githubusercontent.com/1494347/168826481-93afd5f2-4764-43f6-8d1b-d816b914b701.png)


5. multiline filters are also allowed:
```
def name = value.name  
def age = value.age
name == 'iliax' && age == 30
```

Implement a tooltip with smart filters documentation
filter examples, etc.
kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx
kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx
index d3036cd1372..b86b8776063 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/InfoModal.tsx
@@ -41,7 +41,18 @@ const InfoModal: React.FC<InfoModalProps> = ({ toggleIsOpen }) => {
           `headers.sentBy == &quot;some system&quot; &&
           headers[&quot;sentAt&quot;] == &quot;2020-01-01&quot;`
         </S.ListItem>
-        <S.ListItem>multiS.ListItemne filters are also allowed:</S.ListItem>
+        <S.ListItem>multiline filters are also allowed:</S.ListItem>
+        <S.InfoParagraph>
+          ```
+          <br />
+          def name = value.name
+          <br />
+          def age = value.age
+          <br />
+          name == &quot;iliax&quot; && age == 30
+          <br />
+          ```
+        </S.InfoParagraph>
       </ol>
       <S.ButtonContainer>
         <Button
