ComponentsData display

Expansion panels

MudExpansionPanels stack sections that open and close in place. Use them to let readers skim headings and expand only what they need, such as FAQs, settings groups and long forms.

MudExpansionPanels
MudExpansionPanel
MudBlazor reference ↗
Page source ↗

One section at a time

By default opening a panel closes the others. Expanded sets the panel that starts open; Text is the header.

Opening hours

Monday to Friday from 7:00 to 18:00, Saturday from 8:00 to 14:00. Closed on Sundays and public holidays.

Pre-orders

Order by 16:00 and collect from 7:00 the next morning. Large orders for events need two days' notice.

Allergens

Every loaf is labelled with its allergens. Our kitchen handles nuts, sesame and gluten, so we cannot guarantee their absence.

Multi-expansion with expand all

MultiExpansion lets several panels stay open. Binding Expanded on each panel lets one button open or close them all.

1. Calibrate the balance

Zero the balance with the draft shield closed, then weigh the 10 g reference mass. Record both readings.

2. Prepare the solution

Dissolve 2.5 g of the salt in 50 ml of distilled water at 40 °C. Stir until clear.

3. Seed the trays

Pipette 2 µl drops onto each well of tray 3 and seal with tape before the drops evaporate.

4. Log and store

Photograph every tray, label it with the date and your initials, and move it to the cold room.

2 of 4 steps open

Custom header content

TitleContent replaces the plain text header with any layout: an icon, a title, a summary of the contents and a status.

Station kiosk

40 rolls · 12 cardamom knots

Packed

Collected by the kiosk van at 06:30. Invoice sent with the delivery note.

Lantern Street School

6 loaves · 60 buns

Baking

In the second oven, ready at 07:45. Two loaves are sesame-free and labelled separately.

Wedding, Saturday

Three-tier bread crown

Confirmed

Tasting on Wednesday at 16:00. Delivery to the harbour hall by 11:00 on Saturday.

Disabled, icons and lazy content

Disabled panels stay closed. Icon swaps the chevron and HideIcon removes it. MaxHeight scrolls long content. KeepContentAlive=false renders content only while open.

Disabled: archived season (2023)

Archived observing logs are read-only.

Custom icon

Icon replaces the chevron. It still rotates when the panel opens.

No icon: the whole header still toggles

Without an icon, make sure the header reads as something that can be opened.

MaxHeight 120 px: long logs scroll

21:02 · Dome opened, humidity 61 %.

21:15 · Focused on Vega.

21:40 · Seeing 2.1″, transparency good.

22:05 · Imaging M13, 30 × 60 s.

22:50 · Thin cloud from the west.

23:20 · Imaging paused.

23:45 · Dome closed.

Lazy: rendered only while open

A searchable FAQ

A transit agency's help page: the search narrows the questions, matches are highlighted and an empty state explains what to do next.

Help with tickets and travel

Search the questions

5 questions

Can I get a refund for an unused ticket?

Single tickets are refundable until the day before travel. Day passes are refundable only if they have not been validated.

Can I bring my bike on the train?

Bikes travel free outside the morning and evening peaks. Folding bikes are welcome at any time.

What happens if my train is late?

Delays over 30 minutes earn a 50 % refund of the fare; over an hour, a full refund. Claim within 28 days.

Do children need a ticket?

Children under six travel free with an adult. From six to fifteen they pay the reduced fare.

Is there step-free access at every station?

Twenty-one of our twenty-four stations are step-free. The journey planner marks the three that are not.

Playground

Outlined, Dense, Gutters, Square and Elevation on the container. The markup below lists only the values that differ from the defaults.

Platform changes

Trains to Harbour Point leave from platform 4 this week.

Lost property

Items are kept for 30 days at the Central Station office.

Season tickets

Renew online up to 14 days before your ticket expires.

Elevation

Outlined

Dense

Gutters

Square

Multi-expansion

<MudExpansionPanels>
    <MudExpansionPanel Text="Platform changes">…</MudExpansionPanel>
    <MudExpansionPanel Text="Lost property">…</MudExpansionPanel>
</MudExpansionPanels>