Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support box shadow colors #100

Open
iUnstable0 opened this issue Apr 6, 2022 · 3 comments
Open

Support box shadow colors #100

iUnstable0 opened this issue Apr 6, 2022 · 3 comments

Comments

@iUnstable0
Copy link

I cannot change box shadow and it's limited to blue color, please let me choose my own box shadow color. thanks!

@eyupfidan
Copy link

You can add it as a property when calling the function.

setTimeout(function() {
Toastify({
text: "Highly customizable",
gravity: "bottom",
position: 'left',
close: true,
style: {
background: "linear-gradient(to right, #ff5f6d, #ffc371)",
box-shadow: 5px 10px;
}
}).showToast();
}, 3000);

@GGyll
Copy link

GGyll commented Nov 6, 2022

You can add it as a property when calling the function.

setTimeout(function() { Toastify({ text: "Highly customizable", gravity: "bottom", position: 'left', close: true, style: { background: "linear-gradient(to right, #ff5f6d, #ffc371)", box-shadow: 5px 10px; } }).showToast(); }, 3000);

This gives me Uncaught SyntaxError: Unexpected token '-' (at ....)

I am trying to use border-radius and it throws the same error.

@apvarun
Copy link
Owner

apvarun commented Nov 8, 2022

@GGyll when applying css styles from JS, we need to switch from kebab case to camel case and so 'box-shadow' becomes boxShadow

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants