Question 1

How to customize Smoke.js notifications with my own CSS?

Accepted Answer

Create a custom CSS file that overrides the default styles, or use themes from the separate smoke-themes repository. Since animations are CSS-based, you can adjust properties like animation speed by modifying keyframes in your theme.

Question 2

Smoke.js vs SweetAlert: which is better for simple alerts?

Accepted Answer

Smoke.js is more minimal and dependency-free, ideal for lightweight projects, while SweetAlert offers richer features and pre-styled dialogs but with a larger footprint. Choose Smoke.js if you prioritize bundle size over advanced functionality.

Question 3

Does Smoke.js work with React or Vue.js?

Accepted Answer

Yes, it's framework-agnostic and can be integrated by including the JS and CSS files, but there's no native integration, so you'll need to manage state and DOM updates manually, which can be cumbersome in reactive frameworks.

Question 4

How to handle multiple notifications at once in Smoke.js?

Accepted Answer

The README doesn't specify, but based on its minimal design, you might need to manually manage stacking by calling methods sequentially. For concurrent notifications, consider modifying the library or using a more feature-rich alternative.

Question 5

Is Smoke.js accessible for screen readers?

Accepted Answer

No, there's no mention of accessibility features in the documentation, so it likely lacks ARIA support and proper focus management. For accessible applications, you should add these attributes yourself or choose a different library.

Question 6

How to add icons or buttons to Smoke.js quizzes?

Accepted Answer

You can extend the library by modifying the DOM structure in your custom CSS or JavaScript, but this isn't documented. The .quiz() method supports basic callbacks, but for rich content, you might need to fork the project.

smoke.js

What is smoke.js?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions