yarn add @addf/addf-vue-base-components
import '@addf/addf-vue-base-components/dist/index.css'
import baseComponents from '@addf/addf-vue-base-components'
const app = createApp(App)
.use(baseComponents)
pros :
slots : title, cta, body## BasePage
pros :
slots : title, cta, body
pros : name value disabled required type parseType placeholder label groupClass labelClass inputClass errors min max
slots : title, cta, body
pros: headerTitle
slots: header, default, actions
pros: headerTitle
slots:headerTitle
pros: title, name, borderedHeader, classes, buttonBackLeft, buttonBackLeftRoute,
slots: header, cta, default
pros: titles rows, isBordered, isHoverable, isSmallTable, isResponsive, isStriped, theadRowClasses,
slots:
pros: columns, rowClick, redirect_to_field, search, rows, modelList, isBordered, isHoverable, isSmallTable, isResponsive, isStriped, theadRowClasses
slots:
pros: column, thClasses, currentSort, width,
slots:
pros: model, column
slots:
pros: modelValue,
slots:
pros: values,
slots:
pros: model,
slots:
pros: indexValue, activity
slots:
pros: activities,
slots:
pros: tabs
slots:
pros: options, current, displayChevron, label, with_label, icon, trackBy, color, btnStyle
slots:
pros: options, current, color_attribute, icon, with_label, displayChevron, btnStyle
slots:
pros: options, current, label, icon, trackBy, color, btnStyle
slots:
pros: options, current
slots:
pros: text,
slots:
!!! dépendance avec axios via apiClient.
import apiClient from '@u/apiClient'
'@u': path.resolve(__dirname, 'src/utils')
pros: url,
slots:
pros: src,
slots:
pros: modelValue, label, name
slots:
pros : label, required, labelClass
slots :
pros : label, modelValue, labelClass, isVertical, countryValue,
slots :
pros : label, modelValue, labelClass, isVertical
slots :
pros : content, color, icon, big,
slots :
pros: tooltip, title, icon, linkTarget, color, isOutline, isRounded, isSoft, isElevated, size, scopedClasses, type, cursor, textColor
pros: defaultValue, label, name, required, disabled, canTypeDateManually, clearButtonVisible, viewType, monthFormat, weekFormat, startingDayOfTheWeek, format, groupClass, labelClass, errors
slots:
pros : name, value, disabled, required, type, parseType, placeholder, label, groupClass, labelClass, inputClass, errors, min, max,
slots :
pros : name, value, disabled, required, type, placeholder, label, groupClass, labelClass, mask, token, inputClass, errors
slots :
pros : errors, event, format, required, getInputValue, placeholder, label, name, index, disabled, value, errors
slots :
pros : errors event getInputValue placeholder label name index value
slots :
pros : isClickable, buttonFunction, icon, name, value, disabled, required, placeholder, label, errors, type, parseType, inputClass, min, max
slots :
pros : name, label, model, countryPlaceholder, numberPlaceholder, errors, countries, disabled,
slots :
pros : groupClass
slots :
pros : name value disabled required placeholder label errors
slots :
pros : label, name, errors, disabled, required, value,
slots :
pros : options, name, label, defaultValue, translationExtention, translatable, attributeLabel, errors, trackBy,
slots : ##BaseRadio
pros : options, value, name, groupClass, disabled,
slots:
pros : name, label, defaultValue, disabled, required, extra_id, errors, isVertical
slots:
pros : options, name, label, defaultValue, translationExtention, isReturningKey, isShowingKey, attributeLabel, trackBy, translatable, disabled, required, extra_id, errors, isVertical
slots:
pros : name, label, placeholder, groupClass, labelClass, selectClass, errors, options, defaultValue, trackBy, attributeLabel, disabled, required, searchable,
slots :
pros : name, label, placeholder, errors, options, defaultValue, trackBy, attributeLabel, disabled, required, searchable,
slots :
!!! dépendance avec axios via apiClient.
import apiClient from '@u/apiClient'
'@u': path.resolve(__dirname, 'src/utils')
pros : trackBy, attributeLabel, modelValue, defaultAjax, url, selectLabel, name, isRequired, isDisabled, label, selectedValue, groupClass, labelClass, fullModelResponse
slots :
pros : errors, getInputValue, metadata, model, permission
slots :
pros : errors, getInputValue, metadata, defaultValue, permission
slots :
pros : errors, model, permission, getInputValue, metadata, name
slots :
pros : errors, getInputValue, metadata, model, permission
slots :
pros : errors, getInputValue, metadata, permission, model, label, name
slots :
pros : errors, model, getInputValue, metadata, permission
slots :
pros : question, questionIndex, radioTrackBy, classLabel, vertical_align, typeInput, defaultValue, classes,
slots :
pros : errors, getInputValue, options, label, placeholder, required, model
slots :
pros : name, editionMode, id, label, modelValue, type, errors, groupClass, inputClass, required, placeholder, disabled, min, max, parseType,
slots :
pros : name, editionMode, id, label, modelValue, type, errors, groupClass, inputClass, required, placeholder, disabled, min, max, parseType, buttonLabel, buttonColor, isOutline, isRounded, isSoft, isElevated, size, buttonIcon, buttonFunction
slots :
pros : firstName, secondName, thirdName, firstLabel, secondLabel, thirdLabel, legend, firstValue, secondValue, thirdValue, editionMode
slots :
pros : editionMode, id, label, modelValue, errors, groupClass, required, placeholder, disabled,
slots :
pros : editionMode, name, required, placeholder, label, groupClass, labelClass, mask, inputClass, errors, modelValue,
slots :
pros : editionMode, name, required, placeholder, label, groupClass, mask, inputClass, errors, modelValue,
slots :
pros : countryValue, numberValue, editionMode, name, label, countryPlaceholder, numberPlaceholder, errors, metadata, required
slots :
!!! dépendance avec axios via apiClient.
import apiClient from '@u/apiClient'
'@u': path.resolve(__dirname, 'src/utils')
pros : editionMode, trackBy, attributeLabel, modelValue, defaultAjax, url, selectLabel, name, isRequired, isDisabled, label, selectedValue, groupClass, labelClass, fullModelResponse,
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, placeholder, groupClass, labelClass, selectClass, errors, options, disabled, required, searchable
slots :
pros : name, label, placeholder, modelValue, errors, metadata, defaultValue, trackBy, attributeLabel, disabled, required, searchable, groupClass, labelClass, selectClass, editionMode
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable,
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable, data
slots :
pros : editionMode, modelValue, trackBy, attributeLabel, label, name, errors, metadata, required, searchable,
slots :
pros : name, label, placeholder, modelValue, errors, metadata, defaultValue, trackBy, attributeLabel, disabled, required, searchable, groupClass, labelClass, selectClass, editionMode
slots :
pros : name, label, placeholder, modelValue, errors, metadata, defaultValue, trackBy, attributeLabel, disabled, required, searchable, groupClass, labelClass, selectClass, editionMode
slots :
pros : name, label, placeholder, modelValue, errors, metadata, defaultValue, trackBy, attributeLabel, disabled, required, searchable, groupClass, labelClass, selectClass, editionMode
slots :
pros : options, name, label, translationExtention, translatable, attributeLabel, trackBy, editionMode, modelValue, required, errors,
slots :
pros : name, label, editionMode, defaultValue, modelValue, required, extra_id, errors, groupClass, labelClass,
slots :
pros : editionMode, modelValue, label, name, required, disabled, canTypeDateManually, clearButtonVisible, viewType, monthFormat, weekFormat, startingDayOfTheWeek, format, groupClass, labelClass, errors,
slots :