Skip to main content

Rule Builder Migration

New Component to Use​

Replace <e-rule-builder> with <e-rulelist-group>.

Rule List Benefits​

  • Handles empty state out of the box.
  • Supports keyboard and screen reader accessibility.
  • Uses slots — you provide exactly what you need.
  • Uses Shadow DOM for style consistency.

Before vs After​

Before — Rule Builder​

Preview
Open in playground →

After — Rule List​

Preview
Open in playground →