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: update Edge and New badges

Browse Source
This commit is contained in:
Benjamin Canac
2023-07-18 17:31:04 +02:00
parent a11248fd33
commit c91ea60c84
11 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/4.data/1.table.md
View File

@@ -75,7 +75,7 @@ Use the `columns` prop to configure which columns to display. It's an array of o
- `key` - The field to display from the row data.
- `sortable` - Whether the column is sortable. Defaults to `false`.
- `direction` - The sort direction to use on first click. Defaults to `asc`.
- `class` - The class to apply to the column cells.
- `class` :u-badge{label="New" class="!rounded-full"} - The class to apply to the column cells.
::component-example{class="grid"}
---
@@ -327,7 +327,7 @@ const selected = ref([people[1]])
You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/vue/combobox#binding-objects-as-values).
::
You can alsso add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument.
You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument. :u-badge{label="New" class="!rounded-full"}
You can use this to navigate to a page, open a modal or even to select the row manually.