Question: Why is effects seperate?

[gregg-cbs]

Hello,

I am reading about Atomize trying to figure out if I should adopt it for this large project I am starting.

Im curious why you didn't bake effects into the system and why you decided to make developers manually enable effects? It feels strange to do this:

const Button = atomize.button({
    effects: {
        hover: ":hover",
        focus: ":focus",
        active: ":active",
        disabled: ":disabled"
    }
});

Thanks

[eddort]

Hello! Setting effects manually allows you to write your own selectors. There are no default effects at the moment, would you like us to add them?

[gregg-cbs]

Hello Alexander :)

Effects like 'hover' are native to css.

Do I have to add this hover effect:

const Button = atomize.button({
    effects: {
        hover: ":hover",
    }
});

In order to use hover?

<Button 
    hover-bgc="yellow"
/>

[eddort]

Yes, in the current version you should add this effect. In the future, we'll add effects (such as hover, focus, etc.) as default effects, and you will be able to use a component without the effects option.

[gregg-cbs]

Nice thanks.

Im going to close this.