Different accordion sizes for various use cases
Extra Small (xs)
Ultra-compact design with minimal padding and smallest font size. Perfect for very tight spaces or mobile interfaces.
Minimal visual footprint for maximum content density.
Small (sm)
Compact design with smaller padding, font size, and icon. Perfect for sidebars or dense information layouts.
Less visual weight for secondary content.
Medium (default)
Standard size with balanced padding and typography. This is the default size used when no size modifier is specified.
Ideal for most use cases and content types.
Large (lg)
Spacious design with larger padding, font size, and icon. Great for important content or when you need more visual emphasis.
More prominent presentation for primary content areas.