arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 16:00:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(examples): update rtl support

Browse Source
This commit is contained in:
Benjamin Canac
2023-06-27 17:36:15 +02:00
parent 7a2845d75e
commit 80e09df342
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/content/themes/LTRAndRTLTheme.vue → docs/components/content/examples/PaginationExampleRTL.vue
View File

@@ -4,8 +4,8 @@ const items = ref(Array(55))
</script> </script>
<template> <template>
<div class="w-full gap-3"> <div class="w-full divide-y divide-gray-200 dark:divide-gray-700 space-y-4">
<div class="flex justify-between w-full mb-2 border-b pb-4"> <div class="flex justify-between w-full">
<div dir="ltr"> <div dir="ltr">
<UInput <UInput
icon="i-heroicons-magnifying-glass-20-solid" icon="i-heroicons-magnifying-glass-20-solid"
@@ -27,7 +27,7 @@ const items = ref(Array(55))
</div> </div>
</div> </div>
<div class="flex justify-between w-full mt-4"> <div class="flex justify-between w-full pt-4">
<div dir="ltr"> <div dir="ltr">
<UPagination <UPagination
v-model="page" v-model="page"

8
docs/content/1.getting-started/5.examples.md
View File

@@ -250,9 +250,13 @@ const items = ref(Array(55))
``` ```
:: ::
### LTR and RTL ## RTL Support
Here are some examples of how components look like in RTL mode.
### Pagination
::component-example ::component-example
#default #default
:l-t-r-and-r-t-l-theme :pagination-example-r-t-l
:: ::