# RUITL Conditional Rendering Demo

This page demonstrates conditional rendering with boolean props

## Conditional Rendering Demo

These user cards show conditional status rendering based on `is_active` boolean prop:

### 👤 Alice Johnson

📧 alice@company.com

🔖 Role: Admin

● Status: Active

### 👤 Bob Smith

📧 bob@company.com

🔖 Role: User

● Status: Inactive

### 👤 Carol Davis

📧 carol@company.com

🔖 Role: Moderator

● Status: Active

### 🔧 How It Works

Each user card uses conditional rendering in the RUITL component:

- Active users show green status with `is_active: true`
- Inactive users show gray status with `is_active: false`
- The component uses Rust's `if` expressions to choose colors and text
- All logic is executed at render time, producing clean HTML