Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Accordion #11

Merged
merged 2 commits into from
Nov 9, 2023
Merged

Feature: Accordion #11

merged 2 commits into from
Nov 9, 2023

Conversation

alexanderl19
Copy link
Contributor

@alexanderl19 alexanderl19 commented Nov 9, 2023

Reusable Accordion component build with radix primitive. Design is based off of Figma: https://www.figma.com/file/ARGR4EKZn0iAv071mJKcLW/IrvineHacks-2024-Website?type=design&node-id=1%3A26&mode=design&t=fNk2FoxwjL6c7raK-1

Example Usage:

<Accordion.Root type="single" defaultValue="item-1" collapsible>
	<Accordion.Item value="item-1">
		<Accordion.Trigger>Is it accessible?</Accordion.Trigger>
		<Accordion.Content>
			Yes. It adheres to the WAI-ARIA design pattern.
		</Accordion.Content>
	</Accordion.Item>

	<Accordion.Item value="item-2">
		<Accordion.Trigger>Is it unstyled?</Accordion.Trigger>
		<Accordion.Content>
			Yes. It's unstyled by default, giving you freedom
			over the look and feel.
		</Accordion.Content>
	</Accordion.Item>

	<Accordion.Item value="item-3">
		<Accordion.Trigger>
			Can it be animated?
		</Accordion.Trigger>
		<Accordion.Content>
			Yes! You can animate the Accordion with CSS or
			JavaScript.
		</Accordion.Content>
	</Accordion.Item>
</Accordion.Root>

https://www.radix-ui.com/primitives/docs/components/accordion

Copy link
Contributor

github-actions bot commented Nov 9, 2023

Deploy preview for irvinehacks-site-2024 ready!

Name Hack at UCI Site
Preview Visit Preview
Commit e182cde

@tyleryy tyleryy merged commit 4d88080 into main Nov 9, 2023
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants