# Style prop for component

**URL:** <https://forum.inductiveautomation.com/t/style-prop-for-component/69786>\
**Category:** Module Development\
**Created:** [February 13, 2023, 6:42pm UTC](https://forum.inductiveautomation.com/t/style-prop-for-component/69786 "2023-02-13T18:42:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Baris.kose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/baris.kose/32/18991_2.png) [@Baris.kose](https://forum.inductiveautomation.com/u/Baris.kose)\
**Post date:** [February 13, 2023, 6:42pm UTC](https://forum.inductiveautomation.com/t/style-prop-for-component/69786/1 "2023-02-13T18:42:57Z")

</div>

Hello all,

I was looking at how to use style prop for my module. I couldn't find anything about it. I will be very brief.

There is a section in props.json file as

```auto
 "style": {
                "$ref": "urn:ignition-schema:schemas/style-properties.schema.json",
                "default": {
                    "classes": ""
                }
            }

```

In ignition we can see like below:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/7/b725c3e0fdaeb4f9ad05a4b3b40db0a0b811764f.png)

I need this for my component. Otherwise, it is very hard to manage the style for it. How can you manage it? I will be very happy if you help to me, because I am struggling to find a solution.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 13, 2023, 10:25pm UTC](https://forum.inductiveautomation.com/t/style-prop-for-component/69786/2 "2023-02-13T22:25:35Z")

</div>

More information on how to use style declarations in this thread:

> [@Questions on ignition-sdk-examples/perspective-component](https://forum.inductiveautomation.com/t/questions-on-ignition-sdk-examples-perspective-component/68399/18):
>
> If you type one of your props as a Style from '@inductiveautomation/perspective-client';, the class instance should have some helper methods: [image] Which you're able to use in your TSX: [image]

Without more context, I can't be sure what your actual question is.

---

<div class="post-metadata">

**Author:** ![Baris.kose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/baris.kose/32/18991_2.png) [@Baris.kose](https://forum.inductiveautomation.com/u/Baris.kose)\
**Post date:** [February 14, 2023, 3:51pm UTC](https://forum.inductiveautomation.com/t/style-prop-for-component/69786/3 "2023-02-14T15:51:30Z")

</div>

Thanks Paul!