diff --git a/docs/components/table/examples/TableExample.vue b/docs/components/table/examples/TableExample.vue index 3827ab1..0258b50 100644 --- a/docs/components/table/examples/TableExample.vue +++ b/docs/components/table/examples/TableExample.vue @@ -1,44 +1,42 @@ diff --git a/docs/components/table/examples/TableStripedExample.vue b/docs/components/table/examples/TableStripedExample.vue new file mode 100644 index 0000000..bfbb7d5 --- /dev/null +++ b/docs/components/table/examples/TableStripedExample.vue @@ -0,0 +1,43 @@ + + diff --git a/docs/components/table/table.md b/docs/components/table/table.md index 1ed74e5..e97fe55 100644 --- a/docs/components/table/table.md +++ b/docs/components/table/table.md @@ -1,15 +1,167 @@ # Vue Table Component - Flowbite -```vue - - -``` +#### Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line + +--- + +:::tip +Original reference: [https://flowbite.com/docs/components/tables/](https://flowbite.com/docs/components/tables/) +::: + +## Basic example + +```vue + + + +``` + +## Striped example + + + +```vue + + + +``` + +## Hoverable example + + + +```vue + + + +``` diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue index a87f9c6..0385e5a 100644 --- a/src/components/Table/Table.vue +++ b/src/components/Table/Table.vue @@ -1,5 +1,5 @@