@albank/vue-ui-kit v2.4.0
AebUiKitVue
Инструкция по разработке:
- npm ci
- npm run storybook
- http://localhost:6006/
Инструкция по сборке и публикации:
- npm run build
- npm publish
Инструкция по использованию в проекте:
npm install @albank/vue-ui-kit
- Импортировать стили
import '@albank/vue-ui-kit/style.css';
вmain.ts
- Импортировать какой-нибудь компонент в приложении
import { Button } from @albank/vue-ui-kit
- Использовать его
<Button>Сохранить<Button>
или кебаб-кейсом с префиксомaeb
<aeb-button></aeb-button>
- Запустить проект (например,
npm run serve
)
Используемые технологии:
- Vue 3 (Composition API)
- TypeScript 5
- Vite 5
- SCSS
По умолчанию UI-кит использует шрифты Roboto
, но в сборку они не входят, поэтому нужно добавить их отдельно. Пример добавления шрифтов Roboto
:
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url('/fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url('/fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url('/fonts/Roboto-Bold.ttf') format('truetype');
}
Для изменения шрифтов компонентов UI-кита, нужно перезаписать CSS-переменную --default-font
у себя в проекте через псевдокласс :root
10 months ago
10 months ago
10 months ago
10 months ago
1 year ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
12 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
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
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