diff --git a/package.json b/package.json
index bdf6ee360e9f3afd06a517cc2fba49a49128bcb6..06ba8158bcfa73f08505d12cf3656bd895855d86 100644
--- a/package.json
+++ b/package.json
@@ -52,8 +52,5 @@
"extends": [
"plugin:storybook/recommended"
]
- },
- "volta": {
- "node": "23.1.0"
}
}
diff --git a/src/Playground.vue b/src/Playground.vue
index c27834cd4c153c73a6e97d1c898c21eac86d43cc..c15d980971ded46b12153164f659d4ef2725366e 100644
--- a/src/Playground.vue
+++ b/src/Playground.vue
@@ -112,6 +112,34 @@ const tableColumns: ITableColumn[] = [
name: 'Country',
type: 'text',
},
+ {
+ name: 'Is gay?',
+ type: 'checkbox',
+ },
+ {
+ name: 'Status',
+ type: 'select',
+ options: {
+ options: [{ value: 'Married' }, { value: 'Oh no...(s)he is dead' }],
+ theme: 'sky',
+ },
+ },
+ {
+ name: 'Children',
+ type: 'rating',
+ options: {
+ theme: 'yellow',
+ },
+ },
+ {
+ name: 'Job progress',
+ type: 'progressBar',
+ options: {
+ theme: 'red',
+ width: '150px',
+ size: 'small',
+ },
+ },
];
const tableData = ref([
[
@@ -127,6 +155,18 @@ const tableData = ref([
{
value: 'USA',
},
+ {
+ value: false,
+ },
+ {
+ value: 'Married',
+ },
+ {
+ value: 0,
+ },
+ {
+ value: 30,
+ },
],
[
{
@@ -141,6 +181,18 @@ const tableData = ref([
{
value: 'Canada',
},
+ {
+ value: true,
+ },
+ {
+ value: 'Married',
+ },
+ {
+ value: 0,
+ },
+ {
+ value: 30,
+ },
],
[
{
@@ -155,6 +207,18 @@ const tableData = ref([
{
value: 'Russia',
},
+ {
+ value: false,
+ },
+ {
+ value: 'Married',
+ },
+ {
+ value: 0,
+ },
+ {
+ value: 30,
+ },
],
[
{
@@ -169,6 +233,18 @@ const tableData = ref([
{
value: 'Russia',
},
+ {
+ value: false,
+ },
+ {
+ value: 'Married',
+ },
+ {
+ value: 0,
+ },
+ {
+ value: 30,
+ },
],
[
{
@@ -183,6 +259,18 @@ const tableData = ref([
{
value: 'Russia',
},
+ {
+ value: false,
+ },
+ {
+ value: 'Married',
+ },
+ {
+ value: 0,
+ },
+ {
+ value: 30,
+ },
],
]);
const activeCheckbox = ref();
@@ -217,25 +305,19 @@ const knob = ref(0);