Question 1

How to use Blaze Atoms components in a React app?

Accepted Answer

Blaze Atoms components can be used in React by importing them as standard Web Components. Handle events and props using React's synthetic event system, and refer to Stencil's framework integration guide for best practices on seamless integration.

Question 2

Blaze Atoms vs traditional CSS frameworks like Bootstrap?

Accepted Answer

Blaze Atoms provides reusable web components with built-in functionality, while Bootstrap is primarily CSS with JavaScript plugins. Choose Blaze Atoms for framework-agnostic, component-based UIs, but Bootstrap for simpler, CSS-focused projects with widespread community support.

Question 3

Are Blaze Atoms web components accessible by default?

Accepted Answer

Accessibility depends on the implementation; Blaze Atoms uses standard Web Components, so ensure ARIA attributes are properly set. Check the documentation for specific component accessibility features, as web components require manual attention to a11y best practices.

Question 4

Can I customize the styling of Blaze Atoms components?

Accepted Answer

Yes, since Blaze Atoms is built on Blaze CSS, you can override CSS variables or use custom styles. However, Web Components' shadow DOM might require specific approaches for deep styling, which can add complexity.

Question 5

How to add a new custom component to Blaze Atoms?

Accepted Answer

To extend Blaze Atoms, you need to use Stencil to create new web components, which requires familiarity with Stencil's tooling and build process. This involves learning Stencil's API and following their documentation for component development.

Blaze UI Atoms

What is Blaze UI Atoms?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions