Feature Accordion
page.tsx
import FeatureAccordion from "@/components/feature-accordion";

​
Properties

​
ltr
boolean
default:"false"
Determines the layout direction. If true, the accordion appears on the right side on larger screens.
​
title
string
Title of the feature accordion
​
description
string
Description of the feature accordion

​
Usage

example.tsx
<FeatureAccordion ltr={true} />
The FeatureAccordion component creates a section that displays a list of product features in an interactive accordion format, with accompanying images or videos. Remember to keep your feature descriptions focused on the benefits to the user, not just the technical aspects of the feature.

​
Tips

When creating content for the Feature Accordion component:
  • Keep feature titles concise and descriptive
  • Write clear, benefit-focused descriptions for each feature
  • Use high-quality images or videos that illustrate each feature in action
  • Ensure the content is consistent in length across features for a balanced appearance
  • Order features by importance or logical flow of user interaction with your product
If you need basic components like buttons, inputs, and more, they are available with Shadcn UI.