Uilora Cloud
Soft pastel blue FAQ with frosted glass accordion cards.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| faqs | Array<{q: string, a: string}> | 7 Uilora FAQs | Array of FAQ items. |
| title | string | All the details. | Section heading. |
| subtitle | string | Got a question? We can answer it. | Subtitle text. |
| accentColor | string | #1B2A4A | Text and icon accent color. |
When to Use
Ideal for SaaS products, health apps, and friendly brand websites that want a soft, approachable FAQ section with a pastel color scheme.
Best Practices
Use 5-8 FAQ items for the best visual balance. The frosted glass cards work best on the pastel background — avoid using on dark themes.
Why This Component Matters
Soft, approachable design reduces user anxiety around asking questions, increasing engagement with support content.
FAQ
QCan I change the background color?
The background uses a pastel blue by default. Modify the component source to change it to any pastel shade.
QDoes it support dark mode?
This component is designed for light/pastel themes. For dark mode, consider the Uilora Timeline FAQ.
Related Components
Uilora Dynamic
Interactive tiered pricing calculator with seat slider, billing toggle, and real-time cost breakdown.
Uilora Cloud Slider
Dark navy 3-plan cloud pricing with per-card sliders, add-on checkboxes, and live price calculation.
Uilora Matrix
Feature comparison matrix with 3 plans, monthly/yearly toggle, Pro spotlight, check/cross icons.