arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +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>
<template>
<div class="w-full gap-3">
<div class="flex justify-between w-full mb-2 border-b pb-4">
<div class="w-full divide-y divide-gray-200 dark:divide-gray-700 space-y-4">
<div class="flex justify-between w-full">
<div dir="ltr">
<UInput
icon="i-heroicons-magnifying-glass-20-solid"
@@ -27,7 +27,7 @@ const items = ref(Array(55))
</div>
</div>
<div class="flex justify-between w-full mt-4">
<div class="flex justify-between w-full pt-4">
<div dir="ltr">
<UPagination
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
#default
:l-t-r-and-r-t-l-theme
:pagination-example-r-t-l
::