# j-ClickBox

> This component is optimized for SEO. It reads all links and creates a clickable box. The component automatically highlight a value according to the URL param.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: 0bfb6b09f523cbf8b1d3ac2ea2ec2f1328be96a0782120e83ecd6f899a85a187
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

This component is optimized for SEO. It reads all links and creates a clickable box. The component automatically highlight a value according to the URL param.


__Configuration__:

- `param {String}` name of URL param for selecting value

Use it with `<ui-component name="clickbox">`. When the component is not loaded yet, jComponent downloads it on first use from the address in `DEF.fallback` (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

```html example.html
<div style="padding:50px;width:300px">
	<ui-component name="clickbox" config="param:manufacturer">
		<a href="?manufacturer=">All manufacturers</a>
		<a href="?manufacturer=apple">Apple</a>
		<a href="?manufacturer=google">Google</a>
		<a href="?manufacturer=microsoft">Microsoft</a>
		<a href="?manufacturer=ibm">IBM</a>
		<a href="?manufacturer=dell">Dell</a>
		<a href="?manufacturer=toshiba">Toshiba</a>
	</ui-component>
</div>
```
