@pagedotapp/page-faqaccordion-section

PageFAQAccordionSection

A reusable faqaccordionsection component for React applications.

Installation

npm install @pagedotapp/page-faqaccordion-section

Usage

import { PageFAQAccordionSection } from "@pagedotapp/page-faqaccordion-section"

function App() {
	return (
		<PageFAQAccordionSection variant="primary" size="medium">
			PageFAQAccordionSection Content
		</PageFAQAccordionSection>
	)
}

Props

Prop	Type	Default	Description
children	React.ReactNode	-	Component children
className	string	''	Additional CSS class name
variant	'default' | 'primary' | 'secondary'	'default'	Component variant
size	'small' | 'medium' | 'large'	'medium'	Component size
disabled	boolean	false	Disabled state

Examples

Variants

<PageFAQAccordionSection variant="default">Default</PageFAQAccordionSection>
<PageFAQAccordionSection variant="primary">Primary</PageFAQAccordionSection>
<PageFAQAccordionSection variant="secondary">Secondary</PageFAQAccordionSection>

Sizes

<PageFAQAccordionSection size="small">Small</PageFAQAccordionSection>
<PageFAQAccordionSection size="medium">Medium</PageFAQAccordionSection>
<PageFAQAccordionSection size="large">Large</PageFAQAccordionSection>

States

<PageFAQAccordionSection disabled>Disabled</PageFAQAccordionSection>

Styling

The component uses CSS modules for styling. You can override styles by passing a custom className or by targeting the component's CSS classes in your global styles.

Development

To run the component in development mode:

npm run storybook

To run tests:

npm run test

To lint the component:

npm run lint