feat: update accordion docs installation part
This commit is contained in:
parent
686ac00cab
commit
31150ad8dd
|
|
@ -16,6 +16,32 @@ primitive: https://www.radix-vue.com/components/accordion.html
|
||||||
npx shadcn-vue@latest add accordion
|
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>
|
<ManualInstall>
|
||||||
|
|
||||||
1. Install `radix-vue`:
|
1. Install `radix-vue`:
|
||||||
|
|
@ -31,7 +57,7 @@ npm install radix-vue
|
||||||
|
|
||||||
```vue
|
```vue
|
||||||
<script setup lang="ts">
|
<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>
|
</script>
|
||||||
|
|
||||||
<AccordionRoot>
|
<AccordionRoot>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user