refactor(ui): change title to label prop for toggles for consistency

environments/review-docs-feat-z0hkbz/deployments/20103
ArneBo 2024-12-30 12:39:52 +01:00 zatwierdzone przez upsiflu
rodzic 1d2351892f
commit d0cea0fdf4
2 zmienionych plików z 4 dodań i 4 usunięć

Wyświetl plik

@ -3,7 +3,7 @@ import { color } from "~/composables/colors.ts";
const { big } = defineProps<{
big?: boolean
title?: string
label?: string
}>()
const isOn = defineModel<boolean>()
@ -19,7 +19,7 @@ const diameter = big? '28px' : '20px'
<input type="checkbox" v-model="isOn"
style="visibility: hidden; /* Hide even before stylesheet is loaded */"
/>
<span v-if="title">{{ title }}</span>
<span v-if="label">{{ label }}</span>
</label>
</template>

Wyświetl plik

@ -31,11 +31,11 @@ Link your toggle to an input using the `v-model` directive.
</Layout>
## Add title
## Add label
<Layout flex class="preview">
<Toggle v-model="toggle" title="Option 358" />
<Toggle v-model="toggle" label="Option 358" />
</Layout>