Section components build the blocks of a landing page or the top of an article: a hero, a titled content band, contact details, pricing and the steps of a process. Each renders complete HTML under static SSR and needs no script, except the responsive showcase, which is a demo tool for interactive pages.
Most of them live in the Osirion.Blazor.Components namespace of the Osirion.Blazor.Core package, and their data
types in Osirion.Blazor.Core.Models:
@using Osirion.Blazor.Components
@using Osirion.Blazor.Core.Models
Components
| Component | What it renders | Script | Available |
|---|---|---|---|
| Hero section | A page header with title, subtitle, buttons and a side or background image | None | 4.0 |
| Base section | A <section> with heading, description, container and background options |
None | 4.0 |
| Contact info section | Address, phone numbers, email addresses and websites as links | None | 4.0 |
| Pricing table and feature comparison | Plans side by side, and a table comparing their features | None | 4.0 |
| Steps | Numbered "how it works" steps as an ordered list | None | 4.0 |
| Responsive showcase | A preview frame that switches between desktop, tablet and mobile widths | Interactive render mode | 4.0 |
The same folder holds OsirionMetricGrid and OsirionContextCardGrid, which do not have pages yet.
Related
Related Articles
