vueless 0.0.118 → 0.0.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui.button-link/index.stories.js +4 -0
- package/ui.button-toggle/index.stories.js +3 -0
- package/ui.button-toggle-item/index.stories.js +3 -0
- package/ui.container-accordion/index.stories.js +3 -0
- package/ui.container-card/index.stories.js +3 -0
- package/ui.container-divider/index.stories.js +3 -0
- package/ui.container-group/index.stories.js +3 -0
- package/ui.container-groups/index.stories.js +3 -0
- package/ui.container-modal/index.stories.js +3 -0
- package/ui.container-modal-confirm/index.stories.js +3 -0
- package/ui.container-page/index.stories.js +3 -0
- package/ui.container-row/index.stories.js +3 -0
- package/ui.data-list/index.stories.js +3 -0
- package/ui.data-table/index.stories.js +3 -0
- package/ui.dropdown-badge/index.stories.js +3 -0
- package/ui.dropdown-button/index.stories.js +3 -0
- package/ui.dropdown-item/index.stories.js +3 -0
- package/ui.dropdown-link/index.stories.js +3 -0
- package/ui.dropdown-list/index.stories.js +3 -0
- package/ui.form-calendar/index.stories.js +3 -0
- package/ui.form-checkbox/index.stories.js +3 -0
- package/ui.form-checkbox-group/index.stories.js +3 -0
- package/ui.form-checkbox-multi-state/index.stories.js +3 -0
- package/ui.form-color-picker/index.stories.js +3 -0
- package/ui.form-date-picker/index.stories.js +3 -0
- package/ui.form-date-picker-range/index.stories.js +3 -0
- package/ui.form-input/index.stories.js +3 -0
- package/ui.form-input-file/index.stories.js +3 -0
- package/ui.form-input-money/index.stories.js +3 -0
- package/ui.form-input-number/index.stories.js +3 -0
- package/ui.form-input-rating/index.stories.js +3 -0
- package/ui.form-input-search/index.stories.js +3 -0
- package/ui.form-label/index.stories.js +3 -0
- package/ui.form-radio/index.stories.js +3 -0
- package/ui.form-radio-card/index.stories.js +3 -0
- package/ui.form-radio-group/index.stories.js +3 -0
- package/ui.form-select/index.stories.js +3 -0
- package/ui.form-switch/index.stories.js +3 -0
- package/ui.form-textarea/index.stories.js +3 -0
- package/ui.image-avatar/index.stories.js +3 -0
- package/ui.image-icon/index.stories.js +3 -0
- package/ui.image-logo/index.stories.js +3 -0
- package/ui.loader/index.stories.js +3 -0
- package/ui.loader-rendering/index.stories.js +3 -0
- package/ui.loader-top/index.stories.js +3 -0
- package/ui.navigation-pagination/index.stories.js +3 -0
- package/ui.navigation-progress/index.stories.js +3 -0
- package/ui.navigation-stepper/index.stories.js +3 -0
- package/ui.navigation-tab/index.stories.js +3 -0
- package/ui.navigation-tabs/index.stories.js +3 -0
- package/ui.other-dot/index.stories.js +3 -0
- package/ui.text-alert/index.stories.js +4 -0
- package/ui.text-badge/index.stories.js +3 -0
- package/ui.text-block/index.stories.js +3 -0
- package/ui.text-empty/index.stories.js +3 -0
- package/ui.text-file/index.stories.js +3 -0
- package/ui.text-files/index.stories.js +3 -0
- package/ui.text-header/index.stories.js +3 -0
- package/ui.text-money/index.stories.js +3 -0
- package/ui.text-notify/index.stories.js +3 -0
- package/web-types.json +1 -1
package/package.json
CHANGED
|
@@ -3,6 +3,10 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import ULink from "../ui.button-link";
|
|
4
4
|
import UButton from "../ui.button";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* The `ULink` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.button-link)
|
|
9
|
+
*/
|
|
6
10
|
export default {
|
|
7
11
|
id: "1060",
|
|
8
12
|
title: "Buttons & Links / Link",
|
|
@@ -5,6 +5,9 @@ import UIcon from "../ui.image-icon";
|
|
|
5
5
|
import UToggleItem from "../ui.button-toggle-item";
|
|
6
6
|
import URow from "../ui.container-row";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UToggle` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.button-toggle)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
title: "Buttons & Links / Toggle",
|
|
10
13
|
component: UToggle,
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import UToggleItem from "../ui.button-toggle-item";
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UToggleItem` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.button-toggle-item)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
title: "Buttons & Links / Toggle Item",
|
|
8
11
|
component: UToggleItem,
|
|
@@ -4,6 +4,9 @@ import UAccordion from "../ui.container-accordion";
|
|
|
4
4
|
import UCard from "../ui.container-card";
|
|
5
5
|
import UGroup from "../ui.container-group";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UAccordion` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-accordion)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "5050",
|
|
9
12
|
title: "Containers / Accordion",
|
|
@@ -7,6 +7,9 @@ import UButton from "../ui.button";
|
|
|
7
7
|
import UIcon from "../ui.image-icon";
|
|
8
8
|
import UHeader from "../ui.text-header";
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* The `UCard` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-card)
|
|
12
|
+
*/
|
|
10
13
|
export default {
|
|
11
14
|
id: "5060",
|
|
12
15
|
title: "Containers / Card",
|
|
@@ -3,6 +3,9 @@ import URow from "../ui.container-row";
|
|
|
3
3
|
|
|
4
4
|
import UDivider from "../ui.container-divider";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UDivider` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-divider)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "5010",
|
|
8
11
|
title: "Containers / Divider",
|
|
@@ -4,6 +4,9 @@ import UGroup from "../ui.container-group";
|
|
|
4
4
|
import UInput from "../ui.form-input";
|
|
5
5
|
import UButton from "../ui.button";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UGroup` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-group)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "5030",
|
|
9
12
|
title: "Containers / Group",
|
|
@@ -4,6 +4,9 @@ import UGroups from "../ui.container-groups";
|
|
|
4
4
|
import UGroup from "../ui.container-group";
|
|
5
5
|
import UInput from "../ui.form-input";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UGroups` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-groups)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "5040",
|
|
9
12
|
title: "Containers / Groups",
|
|
@@ -8,6 +8,9 @@ import UInput from "../ui.form-input";
|
|
|
8
8
|
import UTextarea from "../ui.form-textarea";
|
|
9
9
|
import URow from "../ui.container-row";
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* The `UModal` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-modal)
|
|
13
|
+
*/
|
|
11
14
|
export default {
|
|
12
15
|
id: "5070",
|
|
13
16
|
title: "Containers / Modal",
|
|
@@ -6,6 +6,9 @@ import UHeader from "../ui.text-header";
|
|
|
6
6
|
import UIcon from "../ui.image-icon";
|
|
7
7
|
import URow from "../ui.container-row";
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* The `UModalConfirm` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-modal-confirm)
|
|
11
|
+
*/
|
|
9
12
|
export default {
|
|
10
13
|
id: "5080",
|
|
11
14
|
title: "Containers / Modal Confirm",
|
|
@@ -9,6 +9,9 @@ import UButton from "../ui.button";
|
|
|
9
9
|
import UIcon from "../ui.image-icon";
|
|
10
10
|
import UHeader from "../ui.text-header";
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* The `UPage` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-page)
|
|
14
|
+
*/
|
|
12
15
|
export default {
|
|
13
16
|
id: "5090",
|
|
14
17
|
title: "Containers / Page",
|
|
@@ -5,6 +5,9 @@ import UInput from "../ui.form-input";
|
|
|
5
5
|
import UGroup from "../ui.container-group";
|
|
6
6
|
import UButton from "../ui.button";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `URow` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-row)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "5020",
|
|
10
13
|
title: "Containers / Row",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import UDataList from "../ui.data-list";
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UDataList` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.data-list)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "7020",
|
|
8
11
|
title: "Data / Data List",
|
|
@@ -4,6 +4,9 @@ import UDropdownBadge from "../ui.dropdown-badge";
|
|
|
4
4
|
import UDropdownItem from "../ui.dropdown-item";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UDropdownBadge` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.dropdown-badge)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "2020",
|
|
9
12
|
title: "Dropdowns / Dropdown Badge",
|
|
@@ -5,6 +5,9 @@ import UDropdownItem from "../ui.dropdown-item";
|
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
import UGroup from "../ui.container-group";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UDropdownButton` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.dropdown-button)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "2010",
|
|
10
13
|
title: "Dropdowns / Dropdown Button",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UDropdownItem from "../ui.dropdown-item";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UDropdownItem` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.dropdown-item)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "2040",
|
|
7
10
|
title: "Dropdowns / Dropdown Item",
|
|
@@ -4,6 +4,9 @@ import UDropdownLink from "../ui.dropdown-link";
|
|
|
4
4
|
import UDropdownItem from "../ui.dropdown-item";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UDropdownLink` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.dropdown-link)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "2030",
|
|
9
12
|
title: "Dropdowns / Dropdown Link",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UDropdownList from "../ui.dropdown-list";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UDropdownList` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.dropdown-list)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "2050",
|
|
8
11
|
title: "Dropdowns / Dropdown List",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UCalendar from "../ui.form-calendar";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UCalendar` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-calendar)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "3165",
|
|
7
10
|
title: "Form Inputs & Controls / Calendar",
|
|
@@ -5,6 +5,9 @@ import UCheckboxGroup from "../ui.form-checkbox-group";
|
|
|
5
5
|
import UBadge from "../ui.text-badge";
|
|
6
6
|
import UGroup from "../ui.container-group";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UCheckbox` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-checkbox)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "3100",
|
|
10
13
|
title: "Form Inputs & Controls / Checkbox",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UCheckboxGroup from "../ui.form-checkbox-group";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UCheckboxGroup` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-checkbox-group)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "3110",
|
|
7
10
|
title: "Form Inputs & Controls / Checkbox Group",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UCheckboxMultiState from "../ui.form-checkbox-multi-state";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UCheckboxMultiState` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-checkbox-multi-state)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3120",
|
|
8
11
|
title: "Form Inputs & Controls / Checkbox Multistate",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
import UColorPicker from "../ui.form-color-picker";
|
|
3
3
|
import UGroup from "../ui.container-group";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UColorPicker` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-color-picker)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "3210",
|
|
7
10
|
title: "Form Inputs & Controls / Color Picker",
|
|
@@ -4,6 +4,9 @@ import UDatePicker from "../ui.form-date-picker";
|
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UDatePicker` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-date-picker)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "3170",
|
|
9
12
|
title: "Form Inputs & Controls / Date Picker",
|
|
@@ -5,6 +5,9 @@ import URow from "../ui.container-row";
|
|
|
5
5
|
|
|
6
6
|
import { addDays } from "../ui.form-calendar/services/date.service";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UDatePickerRange` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-date-picker-range)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "3180",
|
|
10
13
|
title: "Form Inputs & Controls / Date Picker Range",
|
|
@@ -5,6 +5,9 @@ import UIcon from "../ui.image-icon";
|
|
|
5
5
|
import UGroup from "../ui.container-group";
|
|
6
6
|
import URow from "../ui.container-row";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UInput` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "3010",
|
|
10
13
|
title: "Form Inputs & Controls / Input",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UInputFile from "../ui.form-input-file";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UInputFile` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-file)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "30232",
|
|
8
11
|
title: "Form Inputs & Controls / Input File",
|
|
@@ -4,6 +4,9 @@ import UInputMoney from "../ui.form-input-money";
|
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
// import UGroup from "../ui.container-group";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UInputMoney` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-money)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "3030",
|
|
9
12
|
title: "Form Inputs & Controls / Input Money",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UInputNumber from "../ui.form-input-number";
|
|
4
4
|
import UGroup from "../ui.container-group";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UInputNumber` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-number)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3050",
|
|
8
11
|
title: "Form Inputs & Controls / Input Number",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import UInputRating from "../ui.form-input-rating";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UInputRating` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-rating)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3060",
|
|
8
11
|
title: "Form Inputs & Controls / Input Rating",
|
|
@@ -4,6 +4,9 @@ import UInputSearch from "../ui.form-input-search";
|
|
|
4
4
|
import UButton from "../ui.button";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UInputSearch` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-search)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "3040",
|
|
9
12
|
title: "Form Inputs & Controls / Input Search",
|
|
@@ -5,6 +5,9 @@ import UBadge from "../ui.text-badge";
|
|
|
5
5
|
|
|
6
6
|
import { getArgTypes } from "../service.storybook";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `ULabel` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-label)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "3240",
|
|
10
13
|
title: "Form Inputs & Controls / Label",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import URadio from "../ui.form-radio";
|
|
4
4
|
import UBadge from "../ui.text-badge";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `URadio` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-radio)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3140",
|
|
8
11
|
title: "Form Inputs & Controls / Radio",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import URadioCard from "../ui.form-radio-card";
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `URadioCard` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-radio-card)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3150",
|
|
8
11
|
title: "Form Inputs & Controls / Radio Card",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import URadioGroup from "../ui.form-radio-group";
|
|
4
4
|
import URadio from "../ui.form-radio";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `URadioGroup` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-radio-group)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "3160",
|
|
8
11
|
title: "Form Inputs & Controls / Radio Group",
|
|
@@ -4,6 +4,9 @@ import USelect from "../ui.form-select";
|
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
import UBadge from "../ui.text-badge";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `USelect` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-select)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "3080",
|
|
9
12
|
title: "Form Inputs & Controls / Select",
|
|
@@ -4,6 +4,9 @@ import USwitch from "../ui.form-switch";
|
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `USwitch` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-switch)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "3130",
|
|
9
12
|
title: "Form Inputs & Controls / Switch",
|
|
@@ -5,6 +5,9 @@ import UIcon from "../ui.image-icon";
|
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
import UGroup from "../ui.container-group";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UTextarea` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-textarea)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "3070",
|
|
10
13
|
title: "Form Inputs & Controls / Textarea",
|
|
@@ -4,6 +4,9 @@ import UAvatar from "../ui.image-avatar";
|
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
import UGroup from "../ui.container-group";
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* The `UAvatar` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.image-avatar)
|
|
9
|
+
*/
|
|
7
10
|
export default {
|
|
8
11
|
id: "6030",
|
|
9
12
|
title: "Images & Icons / Avatar",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UIcon from "../ui.image-icon";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UIcon` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.image-icon)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "6010",
|
|
8
11
|
title: "Images & Icons / Icon",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import ULogo from "../ui.image-logo";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `ULogo` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.image-logo)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "6020",
|
|
8
11
|
title: "Images & Icons / Logo",
|
|
@@ -3,6 +3,9 @@ import URow from "../ui.container-row";
|
|
|
3
3
|
|
|
4
4
|
import { getArgTypes } from "../service.storybook";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `ULoader` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.loader)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "9010",
|
|
8
11
|
title: "Loaders and Skeletons / Loader",
|
|
@@ -5,6 +5,9 @@ import { useLoaderRendering } from "./composables/useLoaderRendering";
|
|
|
5
5
|
|
|
6
6
|
import { getArgTypes } from "../service.storybook";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `ULoaderRendering` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.loader-rendering)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "9030",
|
|
10
13
|
title: "Loaders and Skeletons / Loader rendering",
|
|
@@ -6,6 +6,9 @@ import { loaderTopOff, loaderTopOn } from "./services/loaderTop.service";
|
|
|
6
6
|
|
|
7
7
|
import { getArgTypes } from "../service.storybook";
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* The `ULoaderTop` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.loader-top)
|
|
11
|
+
*/
|
|
9
12
|
export default {
|
|
10
13
|
id: "9020",
|
|
11
14
|
title: "Loaders and Skeletons / Loader top",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UPagination from "../ui.navigation-pagination";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UPagination` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.navigation-pagination)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "8050",
|
|
7
10
|
title: "Navigation / Pagination",
|
|
@@ -3,6 +3,9 @@ import UButton from "../ui.button/index.vue";
|
|
|
3
3
|
|
|
4
4
|
import { getArgTypes } from "../service.storybook";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UProgress` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.navigation-progress)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "8040",
|
|
8
11
|
title: "Navigation / Progress",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UStepper from "../ui.navigation-stepper";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UStepper` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.navigation-stepper)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "8030",
|
|
7
10
|
title: "Navigation / Stepper",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
3
3
|
import UTab from "../ui.navigation-tab";
|
|
4
4
|
import UIcon from "../ui.image-icon";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UTab` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.navigation-tab)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "8010",
|
|
8
11
|
title: "Navigation / Tab",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UTabs from "../ui.navigation-tabs";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UTabs` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.navigation-tabs)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "8020",
|
|
7
10
|
title: "Navigation / Tabs",
|
|
@@ -5,6 +5,9 @@ import UBadge from "../ui.text-badge";
|
|
|
5
5
|
|
|
6
6
|
import { getArgTypes } from "../service.storybook";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UDot` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.other-dot)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "100010",
|
|
10
13
|
title: "Other / Dot",
|
|
@@ -2,6 +2,10 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UAlert from "../ui.text-alert";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* The `UAlert` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-alert)
|
|
8
|
+
*/
|
|
5
9
|
export default {
|
|
6
10
|
id: "4030",
|
|
7
11
|
title: "Text & Content / Alert",
|
|
@@ -5,6 +5,9 @@ import UIcon from "../ui.image-icon";
|
|
|
5
5
|
import URow from "../ui.container-row";
|
|
6
6
|
import UGroup from "../ui.container-group";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UBadge` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-badge)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "4090",
|
|
10
13
|
title: "Text & Content / Badge",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import UText from "../ui.text-block";
|
|
4
4
|
import URow from "../ui.container-row";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UText` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-block)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "4020",
|
|
8
11
|
title: "Text & Content / Text",
|
|
@@ -5,6 +5,9 @@ import UButton from "../ui.button";
|
|
|
5
5
|
import UIcon from "../ui.image-icon";
|
|
6
6
|
import URow from "../ui.container-row";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UEmpty` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-empty)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "4080",
|
|
10
13
|
title: "Text & Content / Empty",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UFile from "../ui.text-file";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UFile` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-file)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "4050",
|
|
7
10
|
title: "Text & Content / File",
|
|
@@ -2,6 +2,9 @@ import { getArgTypes } from "../service.storybook";
|
|
|
2
2
|
|
|
3
3
|
import UFiles from "../ui.text-files";
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* The `UFiles` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-files)
|
|
7
|
+
*/
|
|
5
8
|
export default {
|
|
6
9
|
id: "4060",
|
|
7
10
|
title: "Text & Content / Files",
|
|
@@ -3,6 +3,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
3
3
|
import UHeader from "../ui.text-header";
|
|
4
4
|
import UGroup from "../ui.container-group";
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The `UHeader` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-header)
|
|
8
|
+
*/
|
|
6
9
|
export default {
|
|
7
10
|
id: "4010",
|
|
8
11
|
title: "Text & Content / Header",
|
|
@@ -8,6 +8,9 @@ import { getArgTypes, getSlotNames } from "../service.storybook";
|
|
|
8
8
|
|
|
9
9
|
const COMPONENT_CLASSES = "flex justify-center w-1/6";
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* The `UMoney` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-money)
|
|
13
|
+
*/
|
|
11
14
|
export default {
|
|
12
15
|
id: "4040",
|
|
13
16
|
title: "Text & Content / Money",
|
|
@@ -5,6 +5,9 @@ import UButton from "../ui.button";
|
|
|
5
5
|
|
|
6
6
|
import { getArgTypes } from "../service.storybook";
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `UNotify` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-notify)
|
|
10
|
+
*/
|
|
8
11
|
export default {
|
|
9
12
|
id: "4035",
|
|
10
13
|
title: "Text & Content / Notify",
|