# Custom states on buttons

**URL:** https://community.weweb.io/t/custom-states-on-buttons/7855
**Category:** Ask us anything
**Tags:** design
**Created:** [March 30, 2024, 4:50pm UTC](https://community.weweb.io/t/custom-states-on-buttons/7855 "2024-03-30T16:50:03Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![erikm3103](https://avatars.discourse-cdn.com/v4/letter/e/c37758/32.png) [@erikm3103](https://community.weweb.io/u/erikm3103)
#### Post date: [March 30, 2024, 4:50pm UTC](https://community.weweb.io/t/custom-states-on-buttons/7855/1 "2024-03-30T16:50:03Z")

</div>

Hi,

I’m using Tabler icons and I want to create a button using components. I want to bind the buttons left and right side icon position, but this does not seem to be possible with the current buttons in weweb. I then moved forward with creating a custom component button, but realised that I cant seem to control the focus and disabled state (I cant add this?).

Anyone having the same issue, whats the best workaround without a bunch of variables/workflows for this? I want to contain everything within a component to keep easy design consistentcy throughout the app.

---

<div class="post-metadata">

### Author: ![erikm3103](https://avatars.discourse-cdn.com/v4/letter/e/c37758/32.png) [@erikm3103](https://community.weweb.io/u/erikm3103)
#### Post date: [April 2, 2024, 3:21pm UTC](https://community.weweb.io/t/custom-states-on-buttons/7855/2 "2024-04-02T15:21:45Z")

</div>

🙂 Anyone?🙂 Cant only be me

---

<div class="post-metadata">

### Author: ![Alexis](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexis/32/13248_2.png) [@Alexis](https://community.weweb.io/u/Alexis)
#### Post date: [April 3, 2024, 1:41pm UTC](https://community.weweb.io/t/custom-states-on-buttons/7855/3 "2024-04-03T13:41:44Z")

</div>

What do you mean by controing the focus and disabled state ? You can add a state a use a condition to trigger it, you can also create your own custom state

![Capture d’écran 2024-04-03 à 15.40.43](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d1df8fd0eaac810644ad45bb4c5be88305774389.png)
