Skip to content

Commit

Permalink
fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
k11q committed Jul 18, 2023
1 parent 2a9c91e commit a69252b
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 12 deletions.
20 changes: 9 additions & 11 deletions docs/content/components/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -283,7 +283,7 @@ A draggable thumb. You can render multiple thumbs.

Use the `orientation` prop to create a vertical slider.

```vue line=11
```vue line=8-12
// index.vue
<script setup>
import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "radix-vue";
Expand All @@ -294,7 +294,8 @@ import "./styles.css";
<SliderRoot
class="SliderRoot"
:defaultValue="[50]"
orientation="vertical">
orientation="vertical"
>
<SliderTrack class="SliderTrack">
<SliderRange class="SliderRange" />
</SliderTrack>
Expand Down Expand Up @@ -353,7 +354,7 @@ import "./styles.css";
</script>
<template>
<SliderRoot :defaultValue="[25,75]">
<SliderRoot :defaultValue="[25, 75]">
<SliderTrack>
<SliderRange />
</SliderTrack>
Expand All @@ -367,17 +368,15 @@ import "./styles.css";

Use the `step` prop to increase the stepping interval.

```vue line=9
```vue line=8
// index.vue
<script setup>
import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "radix-vue";
import "./styles.css";
</script>
<template>
<SliderRoot
:defaultValue="[50]"
:step="10">
<SliderRoot :defaultValue="[50]" :step="10">
<SliderTrack>
<SliderRange />
</SliderTrack>
Expand All @@ -390,7 +389,7 @@ import "./styles.css";

Use `minStepsBetweenThumbs` to avoid thumbs with equal values.

```vue line=9-11
```vue line=8-12
// index.vue
<script setup>
import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "radix-vue";
Expand All @@ -401,7 +400,8 @@ import "./styles.css";
<SliderRoot
:defaultValue="[25, 75]"
:step="10"
:minStepsBetweenThumbs="1">
:minStepsBetweenThumbs="1"
>
<SliderTrack>
<SliderRange />
</SliderTrack>
Expand Down Expand Up @@ -510,5 +510,3 @@ Because of [a limitation](https://github.com/radix-ui/primitives/blob/83a8c13bf6
We recommend using pointer events instead (eg. `onPointerDown`, `onPointerUp`). Regardless of the above limitation, these events are better suited for cross-platform/device handling as they are fired for all pointer input types (mouse, touch, pen, etc.).
-->

Ï
2 changes: 1 addition & 1 deletion docs/content/components/tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -424,7 +424,7 @@ Since disabled buttons don't fire events, you need to:
- Render the `Trigger` as `span`.
- Ensure the `button` has no `pointerEvents`.

```vue line=12-18
```vue line=12-16
<script setup>
import {
TooltipProvider,
Expand Down

0 comments on commit a69252b

Please sign in to comment.