feat: update accordion docs installation part

This commit is contained in:
CooperHash 2023-09-10 15:54:02 +08:00
parent 686ac00cab
commit 31150ad8dd

View File

@ -16,6 +16,32 @@ primitive: https://www.radix-vue.com/components/accordion.html
npx shadcn-vue@latest add accordion
```
```bash{5-22}
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./**/*.vue'],
theme: {
extend: {
keyframes: {
slideDown: {
from: { height: 0 },
to: { height: 'var(--radix-accordion-content-height)' },
},
slideUp: {
from: { height: 'var(--radix-accordion-content-height)' },
to: { height: 0 },
},
},
animation: {
slideDown: 'slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)',
slideUp: 'slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)',
},
},
},
plugins: [],
}
```
<ManualInstall>
1. Install `radix-vue`:
@ -31,7 +57,7 @@ npm install radix-vue
```vue
<script setup lang="ts">
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/lib/registry/default/ui/accordion'
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
</script>
<AccordionRoot>
@ -42,4 +68,4 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/
</AccordionContent>
</AccordionItem>
</AccordionRoot>
```
```