> For the complete documentation index, see [llms.txt](https://docs.variant3d.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.variant3d.com/variant-js-sdk/setting-material-options.md).

# Setting Material Options

### Materials

A minimal material option object looks like this:

```javascript
{
      tag: 'LEATHER',
      meshTag: 'CHAIR'
},
```

Where `meshTag` is the tag of the mesh or group of meshes you want to apply the material to, and `tag` is the tag of the material you want applied.

```javascript
var data = {
    productCode: 'SKU001'
    options: {    
        materials : [
            {
                tag: 'LEATHER',
                meshTag: 'CHAIR'
            },
            {
                tag: 'LEATHER',
                meshTag: 'FOOTSTOOL'
            }            
        ]
    }
};

Variant.launchQuicklook(data);
```

{% hint style="info" %}
You should only include each meshTag once in the meshes array
{% endhint %}

#### Applying Materials to Mesh Groups

When you have tagged a group of meshes, you can apply materials the same as if you had tagged each individual mesh (e.g. `GROUP` contains `MESH1` and `MESH2`, setting  `meshTag:GROUP, tag:RED` will apply the RED material to both.)

Using mesh groups with materials becomes more powerful when you combine setting individual meshes and groups. Setting the material on individual mesh tag will always override any group material set. 

With the example given above (`GROUP` containing `MESH1` and `MESH2`), if you set the following options:

```javascript
{
    tag: 'RED',
    meshTag: 'GROUP'
},
{
    tag: 'GREEN',
    meshTag: 'MESH1'
}      
```

 then `MESH1` would be `GREEN`, and `MESH2` would be `RED`.