Accordion
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Default
A basic accordion with shadcn styling.
Yes. It adheres to the WAI-ARIA design pattern.
Yes. It comes with default styles that matches the other components' aesthetic.
Yes. It's animated by default, but you can disable it if you prefer.
FAQ Example
Common use case for accordions.
We accept all major credit cards (Visa, MasterCard, American Express),
PayPal, and bank transfers for enterprise customers.
Standard shipping typically takes 5-7 business days. Express shipping
options are available for 2-3 day delivery.
We offer a 30-day money-back guarantee. Items must be returned in original
condition with all packaging and accessories.
Yes! We provide 24/7 technical support via email and live chat. Phone
support is available Monday-Friday, 9AM-5PM EST.
Multiple Open Items
Allow multiple items to be open simultaneously.
Blazing fast rendering with optimized algorithms.
- Minimal re-renders
- Virtual scrolling support
- Lazy loading capabilities
Fully customizable to match your brand.
- Theme system
- Custom styling
- Component composition
Built with accessibility in mind.
- WCAG 2.1 compliant
- Screen reader support
- Keyboard navigation
With Rich Content
Accordion items can contain any content.
Install the package using your preferred package manager:
dotnet add package NeoUI.BlazorAdd the services to your Program.cs:
builder.Services.AddNeoUI();Start using components in your pages:
<Button>Click me</Button>API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| Type | AccordionType | Single | Controls whether one or multiple items can be open. Options: Single, Multiple. |
| Collapsible | bool | false | When true (Single mode), allows closing an open item by clicking its trigger again. |
| Value | string? | — | Controlled value of the open item (Single mode). |
| Values | IEnumerable<string>? | — | Controlled values of open items (Multiple mode). |
| Class | string? | — | Additional CSS classes appended to the root element. |