Osirion.Blazor.Core has five card components. All of them render complete HTML under static SSR and live in the
Osirion.Blazor.Components namespace.
| Component | Use it for |
|---|---|
| OsirionFeatureCard | A feature, service or article teaser: image, title, description, a read more link and category links. |
| OsirionTestimonialCard | A quote with the person's name, photo, role and an optional star rating. |
| OsirionSubscriptionCard | A newsletter signup form that posts without script, with validation and topic choices. |
| OsirionAuthorCard | An author's avatar or initials, name, role, bio and profile links. Available from 4.1. |
OsirionMetricCard |
One figure with a label and description, optionally counting up when it scrolls into view. No page yet. |
@using Osirion.Blazor.Components
<OsirionFeatureCard Title="Static SSR first"
Description="Every component renders meaningful HTML before any script runs." />
<OsirionTestimonialCard Name="Ana Petrović"
TestimonialText="We moved our documentation site to static SSR in a weekend." />
To show several testimonials in a scrolling row, use the
testimonial carousel, which renders OsirionTestimonialCard
for each item.
Each card passes unmatched attributes to its root element and takes extra CSS classes in Class (CssClass on
OsirionMetricCard). The cards take their colors, borders and spacing from the Osirion theme tokens, so a CSS
framework adapter restyles them along with the rest of the site.
Related
- Core components overview
- Sections, for pricing tables, steps and metric grids
Related Articles
