tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Slider and text input changes (#65)

Browse Source
This commit is contained in:
Adrian O.V
2023-06-10 12:18:15 -04:00
committed by GitHub
parent 01304e807a
commit cea5a18a7a
4 changed files with 42 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/components/slider.md
View File

@@ -8,8 +8,8 @@ const valueTwo = ref(0)
</script>
<DemoContainer>
<Slider v-model="value" :min="1000" :max="10000" :step="1000"/>
<Slider v-model="valueTwo" :min="1000" :max="10000" :step="1000" :disabled="true"/>
<Slider v-model="value" :min="1000" :max="10000" :step="1000" unit="mb"/>
<Slider v-model="valueTwo" :min="1000" :max="10000" :step="1000" unit="mb" :disabled="true"/>
</DemoContainer>
```vue

18
docs/components/text-inputs.md
View File

@@ -1,4 +1,9 @@
# Text Inputs
<script setup>
import { ref } from "vue";
const inputText = ref(null)
</script>
<DemoContainer>
<input
type="text"
@@ -17,18 +22,31 @@
<div class="iconified-input">
<SearchIcon/>
<input
v-model="inputText"
type="text"
placeholder="Text input"
/>
<Button @click="() => inputText = ''">
<XIcon/>
</Button>
</div>
</DemoContainer>
```vue
<script setup>
import { ref } from "vue";
const inputText = ref(null)
</script>
<div class="iconified-input">
<SearchIcon/>
<input
v-model="inputText"
type="text"
placeholder="Text input"
/>
<Button @click="() => inputText = ''">
<XIcon/>
</Button>
</div>
```