---
title: Pass non-fronted JavaScript Framework properties to Hive components
slug: '2776'
canonical_url: https://docs.coveo.com/en/2776/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Pass non-fronted JavaScript Framework properties to Hive components
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.


[.version.c4sc.c4sc-new.5-0-239-2.February-26&-2019]
[Coveo for Sitecore 5.0.239.2](https://docs.coveo.com/en/2764#release-notes)


Coveo Hive framework renderings wrap Coveo JavaScript Search Framework components in Sitecore renderings.
Editing Coveo for Sitecore rendering data source items lets you leverage many, but not all, Coveo JavaScript Search Framework component options.

The February 2019 version of Coveo for Sitecore added a new rendering data source feature called `Additional Data Attributes` on many Coveo Hive components.
This feature lets you use the entire set of options on the related Coveo JavaScript Search Framework component without having to create all the resources associated with a Coveo Hive component (see [Integrate a custom component in Sitecore using the Coveo Hive Framework](https://docs.coveo.com/en/2349/)).

With this new feature, you can set any Coveo JavaScript Search Framework component option on its related Coveo Hive component by specifying key-value pairings in the Coveo for Sitecore rendering data source (see [Coveo JavaScript Search Framework - Reference Documentation](https://coveo.github.io/search-ui/globals.html)).

**Example**

You have added several tabs in your Coveo for Sitecore search interface.
The default sorting order of the search results is set to `relevancy`.
However, when a specific tab in your search interface is selected, you would like the search results to be sorted in date descending order, using the Coveo JavaScript Search Framework `tab` component `sort` option (see [Tab Component - Sort](https://coveo.github.io/search-ui/components/tab.html#options.sort)).

To set the sorting order of search results for a specific tab

. In the `Experience Editor`, select the tab component to set the sort order on.

. On the floating toolbar, click `Edit the rendering's data source`.

. Scroll to the `Attributes` section.

. Under `Additional Data Field`, specify the name of the Coveo JavaScript Search Framework component option in the key field and the required parameter value.

![Screenshot of data source showing sort in a key field and date descending as its value | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/additional-data-attributes.png)

. Save and publish your changes.

> **Notes**
>
> * The `Additional Data Attributes` feature allows many key-value pairs to be configured on the data source.
> 
> * Use camel case notation for multi-word Coveo JavaScript Search Framework attributes.
>  
> For example, type `tabNot` in the `Additional Data Attributes` key field to reference the `data-tab-not` Coveo JavaScript Search Framework attribute.
>  
> ![Screenshot of data source showing tab not in a key field and a DOM unique id as its value | Coveo](:https://docs.coveo.com/en/assets/images/c4sc-v5/additional-data-attributes-multi-word-attributes.png)