docs: update examples
This commit is contained in:
@@ -29,26 +29,26 @@ watch([breakpoints.sm, breakpoints.md, breakpoints.lg, breakpoints.xl, breakpoin
|
||||
class="flex flex-col divide-y divide-gray-500 md:divide-y-0 gap-12 md:gap-24 lg:gap-36 max-w-9/12 md:max-w-11/12 lg:max-w-9/12 m-auto py-12 md:py-24 text-center md:text-left"
|
||||
>
|
||||
<div ref="basic">
|
||||
<XyzTransition :appear-visible="true" xyz="fade left ease-out-back">
|
||||
<XyzTransition appear-visible xyz="fade down ease-out-back">
|
||||
<div class="flex flex-col md:flex-row gap-12 md:gap-24">
|
||||
<Basic @pane="onLoad" />
|
||||
</div>
|
||||
</XyzTransition>
|
||||
</div>
|
||||
|
||||
<XyzTransition :appear-visible="true" xyz="fade down ease-out-back">
|
||||
<XyzTransition appear-visible xyz="fade down ease-out-back">
|
||||
<div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
|
||||
<RGB @pane="onLoad" />
|
||||
</div>
|
||||
</XyzTransition>
|
||||
|
||||
<XyzTransition :appear-visible="true" xyz="fade down ease-out-back">
|
||||
<XyzTransition appear-visible xyz="fade down ease-out-back">
|
||||
<div class="flex flex-col md:flex-row flex-unwrap gap-12 md:gap-24">
|
||||
<Nested @pane="onLoad" />
|
||||
</div>
|
||||
</XyzTransition>
|
||||
|
||||
<XyzTransition :appear-visible="true" xyz="fade down ease-out-back">
|
||||
<XyzTransition appear-visible xyz="fade down ease-out-back">
|
||||
<div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
|
||||
<Additional @pane="onLoad" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user