@topvisor/ui NPM

UI kit Topvisor Vue

Vue компоненты

Компоненты поставляются в двух форматах:

amd (requirejs)
es

Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.

Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.

Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки. В этой же папке располагаются стили для асинхронно загружаемых компонентов. Все стили грузятся автоматически вместе с загрузкой компонента.

Документация и описание всех компонентов: https://ui.topvisor.com/

Общие стили UI

/assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
/assets/themes/* - стили тем оформления

Подключение стилей

Стили компонентов подгружаются автоматически.

Стили UI core.css необходимо подгрузить на страницу вручную.

import '@topvisor/ui/assets/core.css';

<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">

Подключение стилей темы

Стили темы необходимо подгрузить на страницу вручную.

Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.

import '@topvisor/ui/assets/themes/light.css';

<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/themes/light.css" rel="stylesheet">

Внешние зависимсоти

Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.

import '@topvisor/ui/icomoon/style.css';

<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">

Подключение компонентов

Пример подключения библиотеки Forms и компонента Button:

require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
	console.log(Button);
});

require(['@topvisor/ui/forms/forms.amd'], Forms => {
	const { Button } = Forms;

	console.log(Forms);
	console.log(Button);
});

topvisor vue ui framework component framework component library

@everything-registry/sub-chunk-927

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

1.0.22-patch-textarea

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

1.0.22-selectorRegion-pr

5 months ago

1.0.18-dialog-footer-6

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

1.0.16-add-domain-foo

7 months ago

1.0.17

7 months ago

1.0.16

7 months ago

1.0.15

7 months ago

1.0.14-pinia-prepare-2

7 months ago

1.0.14-pinia-prepare

7 months ago

1.0.14

7 months ago

1.0.13-dialog-top-popup

8 months ago

1.0.13-fix-dialog-scroll

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.9.34-utils-components-2

11 months ago

0.9.34-utils-components-3

11 months ago

0.9.34-utils-components-4

11 months ago

0.9.34-utils-components-5

11 months ago

0.9.34-utils-components-6

11 months ago

0.9.34-utils-components-7

11 months ago

0.9.34-utils-components-8

11 months ago

0.9.26-dev

1 year ago

0.9.34-utils-components-1

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago