RayCraftDocs
v1.0.3 raycraft.dev
On this page

Accordion

Free

Expandable sections. By default opening one closes the others; set Multiple to allow several.

Example

Accordion control

Parameters

Accordion

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
MultipleboolAllows several selected rows: click, Ctrl+click, Shift+click, Shift+arrows, Ctrl+A (VirtualList).
StylestringInline style added to the root element.

AccordionItem

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
ExpandedboolWhether the item is open. Use with @bind-Expanded.
StylestringInline style added to the root element.
TitlestringTitle text (drawer header, tab caption, column header, step caption).

Events

AccordionItem

EventTypeDescription
ExpandedChangedEventCallback<bool>Raised when the item opens or closes.

Package

Accordion is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.