Features

Get Started Effortlessly

Select the component that best suits your needs from Eldora UI's versatile collection, designed to simplify and enhance your development process.

Enhance functionality by incorporating utility helpers that align with the selected component, ensuring seamless integration and customization.

Simply copy and paste the provided code into your project, making the process quick and hassle-free. You're now ready to see the magic in action!

Prop Name	Type	Default	Description
`children`	`React.ReactNode`	-	The content to be displayed inside the accordion item.
`className`	`string`	-	Additional CSS classes to style the accordion item.
`...props`	`Accordion.AccordionItemProps`	-	Props inherited from Radix UI's `AccordionItem`.

Prop Name	Type	Default	Description
`children`	`React.ReactNode`	-	The trigger content (e.g., title or heading) for the accordion item.
`className`	`string`	-	Additional CSS classes for styling the trigger.
`...props`	`Accordion.AccordionTriggerProps`	-	Props inherited from Radix UI's `AccordionTrigger`.

Prop Name	Type	Default	Description
`children`	`React.ReactNode`	-	The content to be displayed within the accordion.
`className`	`string`	-	Additional CSS classes for styling the accordion content.
`...props`	`Accordion.AccordionContentProps`	-	Props inherited from Radix UI's `AccordionContent`.

Prop Name	Type	Default	Description
`id`	`number`	-	Unique identifier for each feature item.
`title`	`string`	-	The title of the feature.
`content`	`string`	-	The description or content of the feature.
`image`	`string` (optional)	-	URL of the image for the feature.
`video`	`string` (optional)	-	URL of the video for the feature.
`icon`	`React.ReactNode` (optional)	-	Icon or visual representation for the feature.

Prop Name	Type	Default	Description
`collapseDelay`	`number`	`5000`	Time (in milliseconds) to auto-collapse an accordion item.
`ltr`	`boolean`	`false`	Defines if the layout should switch to left-to-right.
`linePosition`	`"left" \| "right" \| "top" \| "bottom"`	`"left"`	Specifies the position of the progress line indicator.
`data`	`FeaturesDataProps[]`	`[]`	Array of feature objects containing title, content, image, video, etc.