Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Default
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
W/ Chevron
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
W/ Plus-Minus
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
W/ Left Chevron
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
W/ Left Plus-Minus
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
W/ Icon and Chevron
Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.
W/ Icon and Plus-Minus
Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey.
W/ Sub-header and Chevron
Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey.
W/ Sub-header and Plus-Minus
Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey.
W/ Icon, Sub-header, and Chevron
Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey.
W/ Icon, Sub-header, and Plus-Minus
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
Tabs w/ Chevron
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
Tabs w/ Plus-Minus
What's the bundle size impact?
Our components are tree-shakeable and typically add minimal overhead to your bundle.
How is code splitting handled?
We support automatic code splitting for optimal loading performance.
Multi-level
Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.
Table w/ Chevron
Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.
Table w/ Plus-Minus