<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Test</title>
<link href="https://doc.fluidtopics.com/api/stylesheets/fonts.css" rel="stylesheet"/>
<link href="https://doc.fluidtopics.com/api/stylesheets/theme.css" rel="stylesheet"/>
</head>
<body>
<ft-search-bar
apiintegrationidentifier="design-system"
mode="auto"
baseUrl="https://my-portal.fluidtopics.com/"
displayedfilters='["Version","Category","Platform","Audience"]'>
</ft-search-bar>
</body>
<script src="script.js"></script>
</html>
Where:
- baseUrl: This placeholder needs to be replaced with the actual URL of the targeted Fluid Topics tenant.
- displayedFilters: This should be substituted with a list of filters to be displayed, based on the document metadata available within the Fluid Topics tenant.