Справка по API StippleUI

floating::Bool — указывает, должен ли компонент badge перемещаться в правый верхний угол родительского элемента с относительным положением

transparent::Bool — применяет непрозрачность 0,8; особенно полезно для плавающих компонентов badge

multiline::Bool — содержимое может переноситься по строкам

label::Union{String, Int} — содержимое карточки в виде строки; переопределяет слот по умолчанию, если он задан, например "John Doe" 22

align::String — задает атрибут CSS выравнивания по вертикали

outline::Bool — применяет «контурный» макет (только цветной текст и границы)

color::String — имя цвета для компонента из цветовой палитры, например "primary" "teal-10"

textcolor::String — переопределяет цвет текста (при необходимости); имя цвета из цветовой палитры, например "primary" "teal-10"

rounded::Bool — придает карточке скругленную форму

inlineactions::Bool — действия отображаются в той же строке, что и содержимое

dense::Bool — уплотненный режим; занимает меньше места

rounded::Bool — применяет небольшой стандартный радиус скругления к компоненту квадратной формы

dark::Bool — указывает, что компонент должен иметь темный фон

loading::Bool — переводит кнопку в состояние загрузки (отображается spinner, что можно переопределить с помощью слота loading)

percentage::Union{Int, Float64} — процент (0,0 < x < 100,0); используется вместе со свойством loading; отображает индикатор выполнения на заднем плане, например 23

darkpercentage::Bool — индикатор выполнения на заднем плане должен быть темного цвета; используется вместе со свойствами percentage и loading

label::Union{String, Int} — текст, отображаемый на кнопке, например Button Label

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

iconright::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

nocaps::Bool — текст метки не преобразуется в верхний регистр (что происходит по умолчанию)

nowrap::Bool — текст метки не переносится по строкам

align::String — выравнивание метки или содержимого по умолчанию. center. Допустимые значения: left right center around between evenly

stack::Bool — значок и метка располагаются по вертикали, а не на одной строке (по умолчанию)

stretch::Bool — при использовании в родительском элементе flexbox кнопка растягивается по его высоте

type::String — 1) укажите атрибут собственного типа кнопки (submit, reset, button), либо 2) отобразите компонент с тегом для доступа к событиям даже в случае отключения, либо 3) используйте свойство href и укажите type в качестве тега мультимедиа; по умолчанию button; примеры: a submit reset button image/png href="https://some-site.net" target="_blank"

tabindex::Union{Int, String} — значение атрибута HTML tabindex

href::String — собственный атрибут href ссылки ; имеет приоритет над свойствами to и replace, например https://quasar.dev href="https://quasar.dev" target="_blank"

target::String — собственный атрибут target ссылки ; используется только со свойством to или href, например _blank _self _parent _top

loading::Bool — переводит кнопку в состояние загрузки (отображается spinner, что можно переопределить с помощью слота loading)

disable::Bool — переводит компонент в отключенный режим

size::String — размер в единицах CSS, включая название единицы или стандартного размера (xs|sm|md|lg|xl), например 16px 2rem xs md

ripple::Union{Bool, Dict} — настройка эффекта ряби на материале (чтобы отключить его, задайте значение false или предоставьте объект конфигурации); по умолчанию true; примеры: false { "early" => true, "center" => true, "color" => "teal", "keyCodes" => [] }

outline::Bool — применяет макет outline

flat::Bool — применяет макет flat

unelevated::Bool — удаляет тень

rounded::Bool — применяет более заметный радиус скругления к кнопке квадратной формы

push::Bool — применяет макет нажатия

glossy::Bool — применяет глянцевый эффект

fab::Bool — изменяет размер и форму кнопки в соответствии с плавающей кнопкой действия

fabmini::Bool — изменяет размер и форму кнопки в соответствии с небольшой плавающей кнопкой действия

padding::String — применяет пользовательский внутренний отступ (по вертикали [горизонтали]); размер в единицах CSS, включая название единицы или стандартного размера (none|xs|sm|md|lg|xl); при задании также удаляются минимальные ширина и высота

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

textcolor::String — переопределяет цвет текста (при необходимости); имя цвета из цветовой палитры, например primary teal-10

dense::Bool — уплотненный режим; занимает меньше места

round::Bool — придает кнопке круглую форму

loading::Bool — переводит кнопку в состояние загрузки (отображается spinner, что можно переопределить с помощью слота loading)

split::Bool — выводит значок раскрывающегося списка в отдельную кнопку

disablemainbtn::Bool — отключает главную кнопку (полезно в сочетании со свойством split)

disabledropdown::Bool — отключает раскрывающийся список (кнопку раскрывающегося списка при использовании свойства split)

persistent::Bool — при щелчке или нажатии за пределами меню либо при нажатии клавиши ESC меню не закрывается

autoclose::Bool — меню закрывается при щелчке или нажатии внутри него; позволяет не привязывать к каждому пункту меню событие для закрытия меню при щелчке или нажатии

label::Union{String, Int} — текст, отображаемый на кнопке, например "Button Label"

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

iconright::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

nocaps::Bool — текст метки не преобразуется в верхний регистр (что происходит по умолчанию)

nowrap::Bool — текст метки не переносится по строкам

align::String — выравнивание метки или содержимого; по умолчанию center; примеры: "left" "right" "center" "around" "between" "evenly"

stack::Bool — значок и метка располагаются по вертикали, а не на одной строке (по умолчанию)

stretch::Bool — при использовании в родительском элементе flexbox кнопка растягивается по его высоте

split::Bool — выводит значок раскрывающегося списка в отдельную кнопку

dropdownicon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

type::String — 1) укажите атрибут собственного типа кнопки (submit, reset, button), либо 2) отобразите компонент с тегом для доступа к событиям даже в случае отключения, либо 3) используйте свойство href и укажите type в качестве тега мультимедиа; по умолчанию "button"; примеры: "a" "submit" "reset" "button" "image/png" href="https://some-site.net" target="_blank"

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

href::String — собственный атрибут href ссылки ; имеет приоритет над свойствами to и replace, например "https://quasar.dev" href="https://quasar.dev" target="_blank"

target::String — собственный атрибут target ссылки ; используется только со свойством to или href, например "_blank" "_self" "_parent" "_top"

cover::Bool — позволяет меню перекрывать кнопку. Если задано, свойства menu-self и menu-fit не действуют.

menuanchor::String — два значения, определяющие начальное положение или точку привязки меню относительно целевого объекта; по умолчанию "bottom end"; примеры: "top start" "bottom start" "top end" "bottom end" "right start" "right end" "left start" "left end"

menuself::String — два значения, определяющие собственное положение меню относительно целевого объекта; по умолчанию "top end"; примеры: "top start" "bottom start" "top end" "bottom end" "right start" "right end" "left start" "left end"

menuoffset::Vector — массив из двух чисел для смещения меню по горизонтали и вертикали в пикселях, например [8,8] [5,10]

loading::Bool — переводит кнопку в состояние загрузки (отображается spinner, что можно переопределить с помощью слота loading)

disable::Bool — переводит компонент в отключенное состояние

size::String — размер в единицах CSS или процентах, например "25px" "2.5em" "md" "xs"

ripple::Union{Bool, Dict} — настройка эффекта ряби на материале (чтобы отключить его, задайте значение false или предоставьте объект конфигурации); по умолчанию true; примеры: false { "early" => true, "center" => true, "color" => "teal", "keyCodes" => []}

outline::Bool — применяет «контурный» макет

flat::Bool — применяет «плоский» макет

unelevated::Bool — удаляет тень

rounded::Bool — применяет более заметный радиус скругления к кнопке квадратной формы

push::Bool — применяет макет нажатия

glossy::Bool — применяет глянцевый эффект

fab::Bool — изменяет размер и форму кнопки в соответствии с плавающей кнопкой действия

fabmini::Bool — изменяет размер и форму кнопки в соответствии с небольшой плавающей кнопкой действия

padding::String — применяет пользовательский внутренний отступ (по вертикали [горизонтали]); размер в единицах CSS, включая название единицы или стандартного размера (none|xs|sm|md|lg|xl); при задании также удаляются минимальные ширина и высота, например "16px", "2rem", "xs", "md lg", "2px 2px 5px 7px"

color::String — имя цвета для компонента из цветовой палитры Quasar, например "primary" "teal-10"

textcolor::String — переопределяет цвет текста (при необходимости); имя цвета из цветовой палитры Quasar, например "white" "primary" "teal-10"

dense::Bool — уплотненный режим; занимает меньше места

noiconanimation::Bool — отключает вращение значка раскрывающегося списка при переключении состояния

contentstyle::Union{Vector, String, Dict} — определения стилей, применяемых к меню, например {"background-color" => "#ff0000"} contentclass!="{ 'my-special-class': <condition> }"

contentclass::Union{Vector, String, Dict} — определения классов, применяемых к меню, например "my-special-class" contentclass!="{ 'my-special-class': <condition> }"

spread::Bool — растяжение по горизонтали на все доступное пространство

stretch::Bool — при использовании в родительском элементе flexbox кнопки растягиваются по его высоте

outline::Bool — применяет «контурный» макет к кнопкам

flat::Bool — применяет «плоский» макет к кнопкам

unelevated::Bool — удаляет тень для кнопок

rounded::Bool — применяет более заметный радиус скругления к кнопкам квадратной формы

push::Bool — применяет макет нажатия к кнопкам

glossy::Bool — применяет глянцевый эффект

name::String - Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists ex. car-id car-id

tablecolspan::Union{Int, String} - The number of columns in the table (you need this if you use table-layout: fixed) ex. tablecolspan="12"

spread::Bool- Spread horizontally to all available space

no-caps::Bool- Avoid turning label text into caps (which happens by default)

no-wrap::Bool- Avoid label text wrapping

stack::Bool- Stack icon and label vertically instead of on same line (like it is by default)

stretch::Bool- When used on flexbox parent, button will stretch to parent’s height

options::Vector - Available options that the user can select from. For best performance freeze the list of options ex. options=[ "BMW", "Samsung Phone" ]

clearable::Bool - Clears model on click of the already selected button

disable::Bool - Put component in disabled mode

readonly::Bool - Put component in readonly mode

color::String - Color name for component from the Quasar Color Palette

text-color::String - Overrides text color (if needed); Color name from the Quasar Color Palette

toggle-color::String - Color name for component from the Quasar Color Palette

toggle-text-color::String - Overrides text color (if needed); Color name from the Quasar Color Palette

outline::Boolean - Use 'outline' design

flat::Boolean - Use 'flat' design

unelevated::Boolean - Remove shadow

rounded::Boolean - Applies a more prominent border-radius for a squared shape button

push::Boolean - Use 'push' design

glossy::Boolean - Applies a glossy effect

size::String - Button size name or a CSS unit including unit name

padding::String - Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set

ripple::Union{Boolean, Dict}- Configure material ripple (disable it by setting it to 'false' or supply a Dict , e.g.Stipple.opts(early = true, center = true, color = "teal", keyCodes = [])`)

dense::Boolean - Dense mode; occupies less space

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес

indeterminatevalue::Union{String, Float64, Int, Bool} — какое значение модели следует считать «неопределенным»

toggleorder::String — определяет порядок переключения двух состояний (t означает состояние true, f — состояние false). Если toggle-indeterminate имеет значение true, то порядок следующий: неопределенное -> первое состояние -> второе состояние -> неопределенное (и повторять); в противном случае: неопределенное -> первое состояние -> второе состояние -> первое состояние -> второе состояние -> …​ Примеры: "tf" "ft"

toggleindeterminate::Bool — следует ли также переключаться через неопределенное состояние, когда пользователь щелкает по компоненту или нажимает на него

keepcolor::Bool — следует ли сохранять цвет (если он указан) при отключении компонента (снятии флажка)

tabindex::Union{Int, String} — значение атрибута HTML tabindex

label::Union{String,Symbol} — метка, отображаемая вместе с компонентом

leftlabel::Bool — метка (если она указана) должна отображаться слева от компонента

fieldname::Symbol — модель компонента

val::Union{String, Float64, Int, Bool} — действует, если модель (value) представляет собой массив. Сообщает компоненту, какое значение следует добавить или удалить при установке или снятии флажка.

truevalue::Union{Int, Float64, String} — какое значение модели следует считать выбранным (включенным)

falsevalue::Union{Int, Float64, String} — какое значение модели следует считать не выбранным (отключенным)

disable::Bool — переводит компонент в отключенный режим

size::String — размер в единицах CSS, включая название единицы или стандартного размера (xs|sm|md|lg|xl), например "16px" "2rem" "xs" "md"

color::String — имя цвета для компонента из цветовой палитры, например "primary" "teal-10"

dark::Bool — указывает, что компонент должен иметь темный фон

dense::Bool — уплотненный режим; занимает меньше места

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

iconright::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

iconremove::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

iconselected::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

label::Union{String, Int} — содержимое фишки в виде строки; переопределяет слот по умолчанию, если он задан, например "Joe Doe" "Book"

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

value::Bool — модель компонента, определяющая, должен ли отображаться элемент chip; по умолчанию true

selected::Bool — модель элемента chip, определяющая, выбран ли он. Примечание: требуется модификатор .sync!

clickable::Bool — может ли chip нажиматься. Если да, добавляются эффекты наведения и генерируются события нажатия.

removable::Bool — может ли chip удаляться. Если да, добавляется кнопка закрытия и генерируются события удаления.

disable::Bool — переводит компонент в отключенный режим

ripple::Union{Bool, Dict} — настройка эффекта ряби на материале (чтобы отключить его, задайте значение false или предоставьте объект конфигурации); по умолчанию true; примеры: false { early: true, center: true, color: 'teal', keyCodes: [] }

dense::Bool — уплотненный режим; занимает меньше места

size::String — название размера chip или единица CSS, включая название единицы; примеры: "xs" "sm" "md" "lg" "xl" "1rem"

dark::Bool — указывает, что компонент должен иметь темный фон

color::String — имя цвета для компонента из цветовой палитры, например "primary" "teal-10"

square::Bool — задает небольшое значение радиуса скругления границ вместо значения по умолчанию, что приближает форму к квадратной

outline::Bool — применяет «контурный» макет

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес; пример: "car_id"

landscape::Bool — компонент отображается в альбомной ориентации

yearsinmonthview::Bool — в представлении месяцев отображается селектор лет

title::String — при указании переопределяет заголовок по умолчанию; не действует в режиме minimal; пример: "Birthday"

subtitle::String — при указании переопределяет подзаголовок по умолчанию; не действует в режиме minimal; пример: "John Doe"

todaybtn::Bool — отображает кнопку для выбора текущего дня

minimal::Bool — заголовок не отображается

navminyearmonth::String — не позволяет пользователю переходить далее определенного года и месяца (в формате ГГГГ/ММ). Это свойство не применяется для корректировки модели. Можно также использовать свойство default-year-month. Пример: "2020/07"

navmaxyearmonth::String — не позволяет пользователю переходить ранее определенного года и месяца (в формате ГГГГ/ММ). Это свойство не применяется для корректировки модели. Можно также использовать свойство default-year-month. Пример: "2020/10"

nounset::Bool — отключает возможность отменить выбор даты. Не применяется к выбору диапазона в пределах уже выбранных дат.

multiple::Bool — разрешает множественный выбор. Модель должна быть массивом.

range::Bool — разрешает выбор диапазона. Частично совместимо со свойством options: выбранные диапазоны могут включать в себя недоступные для выбора дни.

readonly::Bool — переводит компонент в режим только для чтения

disable::Bool — переводит компонент в отключенный режим

color::String — имя цвета для компонента из цветовой палитры Quasar, например "primary" "teal-10"

textcolor::String — переопределяет цвет текста (при необходимости); имя цвета из цветовой палитры Quasar, например "primary" "teal-10"

dark::Bool — указывает, что компонент должен иметь темный фон

square::Bool — удаляет скругление, делая границы квадратными

flat::Bool — применяет «плоский» макет (по умолчанию без тени)

bordered::Bool — применяет к компоненту границу по умолчанию

eventcolor::String — имя цвета (из цветовой палитры Quasar). Если используется функция, она принимает дату в виде строки и должна возвращать строку (цвет для полученной даты). Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: "teal-10" eventcolor!="(date) => date[9] % 2 === 0 ? 'teal' : 'orange'"

persistent::Bool — пользователь не может закрыть диалоговое окно, щелкнув за его пределами или нажав клавишу ESC. Кроме того, оно не закрывается при изменении маршрута приложения.

noesc::Bool — пользователь не может закрыть диалоговое окно, нажав клавишу ESC. Если задано свойство persistent, устанавливать это свойство не нужно.

nobackdrop::Bool — пользователь не может закрыть диалоговое окно, щелкнув за его пределами. Если задано свойство persistent, устанавливать это свойство не нужно.

autoclose::Bool — диалоговое окно закрывается при любом щелчке или нажатии внутри него

transitionshow::String — один из встроенных переходов, например "fade", "slide-down"

transitionhide::String — один из встроенных переходов, например "fade", "slide-down"

norefocus::Bool (специальные возможности) — при скрытии диалогового окна фокус не перемещается снова на элемент DOM, на котором он был ранее

nofocus::Bool (специальные возможности) — при отображении диалогового окна фокус не переводится на него

seamless::Bool — переводит диалоговое окно в бесшовный режим; фон не используется, так что пользователь может взаимодействовать с остальной частью страницы

maximized::Bool — переводит диалоговое окно в развернутый режим

fullwidth::Bool — производится попытка отобразить диалоговое окно по ширине окна

fullheight::Bool — производится попытка отобразить диалоговое окно по высоте окна

position::String — диалоговое окно прикрепляется к одной из сторон (top, right, bottom или left)

contentclass::Union{Array, String} — определения классов, применяемых к содержимому, например "my-special-class" :content-class="{ 'my-special-class': <condition> }"

contentstyle::Union{Array, String} — определения стилей, применяемых к содержимому, например "background-color: #ff0000" :content-style="{ color: '#ff0000' }"

square::Bool — принудительно применяет к содержимому границы с прямыми углами

fullscreen::Bool — полноэкранный режим (обратите внимание: требуется модификатор .sync) Пример: :fullscreen.sync="isFullscreen"

noroutefullscreenexit::Bool — при изменении маршрута приложения не происходит выход из полноэкранного режима

paragraphtag::String — используемый тег абзаца; примеры: div, p

placeholder::String — текст, отображаемый в качестве заполнителя, например Type your story here...

value::String (обязательно) — реактивная модель компонента

readonly::Bool — переводит компонент в режим только для чтения

disable::Bool — отключает компонент

tag::String — отображаемый HTML-тег, если только значок не указан или это не значок SVG, например div i

left::Bool — этот аргумент полезен, если значок находится слева от какого-либо элемента: добавляет стандартное поле справа от значка

right::Bool — этот аргумент полезен, если значок находится справа от какого-либо элемента: добавляет стандартное поле слева от значка

name::String — имя значка. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

size::String — размер в единицах CSS, включая название единицы или стандартного размера: 16px 2rem xs md

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

imgclass::Union{Vector, String, Dict} — определения классов, применяемых к контейнеру изображения; не применяются к подписи; примеры: my-special-class imgclass!="{ 'my-special-class': <condition> }"

imgstyle::Dict — применяет стиль CSS к контейнеру изображения; не применяется к подписи; пример: imgstyle!="{ transform: 'rotate(45deg)' }"

spinnercolor::String — имя цвета вращающегося индикатора по умолчанию (если не используется слот loading): primary teal-10

spinnersize::String — размер в единицах CSS, включая название единицы, для вращающегося индикатора по умолчанию (если не используется слот loading), например 16px 2rem

tag::String — отображаемый HTML-тег. Совет: используйте label при инкапсуляции элемента checkbox, radio или toggle, чтобы при щелчке по всему элементу или нажатии на него происходило изменение модели для соответствующего компонента. Примеры: a label div

insetlevel::Int — применяет отступ от границы. Это полезно, когда отсутствует аватар или левый край, но содержимое необходимо выровнять с другими элементами, у которых есть левый край, либо когда вы создаете меню. Пример: insetlevel!="1"

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

href::String — собственный атрибут href ссылки ; имеет приоритет над свойствами to, exact и replace, например http://genieframework.com

target::String — собственный атрибут target ссылки ; используется только со свойством href; имеет приоритет над свойствами to, exact и replace, например _blank _self _parent _top

disable::Bool — переводит компонент в отключенный режим

active::Bool — переводит элемент в активное состояние

clickable::Bool — может ли item нажиматься. Если да, добавляются эффекты наведения и генерируются события нажатия.

manualfocus::Bool — переводит элемент в состояние ручной установки фокуса. Для определения того, имеет ли элемент фокус, используется свойство focused вместо собственных состояний наведения и фокуса.

focused::Bool — определяет состояние фокуса, ТОЛЬКО если аргумент manual-focus включен (имеет значение true)

dark::Bool — указывает, что компонент должен иметь темный фон

dense::Bool — уплотненный режим; занимает меньше места

lines::Union{Int, String} — если для отображения указанного количества строк недостаточно места, добавляет многоточие; примеры: 1 3 lines!="2"

overline::Bool — отображает метку надстрочной надписи

caption::Bool — отображает метку подписи

header::Bool — отображает метку заголовка

lines::Union{Int, String} — если для отображения указанного количества строк недостаточно места, добавляет многоточие; 1 3 lines!="2"

separator::Bool — применяет разделитель между элементами

padding:Bool — применяет внутренний отступ в стиле Material Design сверху и снизу

bordered::Bool — применяет к компоненту границу по умолчанию

dense::Bool — уплотненный режим; занимает меньше места

dark::Bool — указывает, что компонент должен иметь темный фон

target::Union{Bool, String} - Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists) default value. true ex. target!=false target!=".my-parent"

noparentevent::Bool - Skips attaching events to the target DOM element (that trigger the element to get shown)

contextmenu::Bool - Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)

scrolltarget::Union{String} - CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one ex. scrolltarget=".scroll-target-class" scrolltarget="#scroll-target-id" scrolltarget="body"

fit::Bool - Allows the menu to match at least the full width of its target

cover::Bool - Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective

anchor::String - Two values setting the starting position or anchor point of the menu relative to its target ex. anchor="top left" anchor="bottom right" anchor="center"

self::String - Two values setting the menu’s own position relative to its target ex. self="top left" self="bottom right" self="center"

offset::Vector - An array of two numbers to offset the menu horizontally and vertically in pixels ex. [8, 8] [5, 10]

contentclass::Union{Vector, String, Dict} - Class definitions to be attributed to the content ex. my-special-class contentclass!="{ 'my-special-class': <condition> }"

contentstyle::Union{Vector, String, Dict} - Style definitions to be attributed to the content ex. backgroundcolor: #ff0000 contentstyle!="{ color: '#ff0000' }"

dark::Bool - Notify the component that the background is a dark color

square::Bool - Forces content to have squared borders

maxheight::String - The maximum height of the menu; Size in CSS units, including unit name ex. 16px 2rem

maxwidth::String - The maximum width of the menu; Size in CSS units, including unit name ex. 16px 2rem

target::Union{Bool, String} — настраивает целевой элемент для активации переключения компонента; при значении true родительский элемент DOM включен, при значении false привязка событий к элементам DOM отключена. С помощью строки (селектора CSS) или элемента DOM события привязываются к указанному элементу DOM (если он существует). Значение по умолчанию: true; примеры: target!=false target!=".my-parent"

noparentevent::Bool — привязка событий к целевому элементу DOM (инициирующих отображение элемента) пропускается

contextmenu::Bool — компонент работает как контекстное меню, которое открывается щелчком правой кнопки мыши (или долгим нажатием на мобильном устройстве)

breakpoint::Union{Int, String} — контрольная точка (в пикселях) ширины или высоты окна (в зависимости от того, что меньше), после которой будет использоваться меню вместо диалогового окна, например 992 breakpoint!="1234"

name::String - Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL ex. car_id

keep-color::Bool - Should the color (if specified any) be kept when checkbox is unticked?

tabindex::Union{Int, String} - Tabindex HTML attribute value

fieldname::Symbol - Name of the variable to bind to.

label::AbstractString - Label

leftlabel::Bool - Label (if any specified) should be displayed on the left side of the checkbox

disable::Bool - Put component in disabled mode

size::String - Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl) ex. 16px 2rem xs md

color::String - Color name for component from the Color Palette ex. primary teal-10

dark::Bool - Notify the component that the background is a dark color

dense::Bool - Dense mode; occupies less space

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес; пример: car_id

snap::Bool — предлагаются только допустимые значения вместо свободного выбора. Совет: используйте со свойством step.

reverse::Bool — смена направления на обратное

vertical::Bool — отображение по вертикали

labelalways::Bool — метка отображается всегда

label::Bool — когда пользователь нажимает на ползунок и перемещает его, отображается всплывающая метка

markers::Union{Bool, Int} — на дорожке отображаются маркеры, по одному для каждого возможного значения модели или с пользовательским шагом (при указании числа), например markers markers="5"

dragrange::Bool — пользователь может перетаскивать весь диапазон, а не только два бегунка

dragonlyrange::Bool — пользователь может перетаскивать только диапазон, а НЕ два бегунка

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

labelcolorleft::String — имя цвета для фона левой метки из цветовой палитры, например primary teal-10

labeltextcolorleft::String — имя цвета для текста левой метки из цветовой палитры, например primary teal-10

labelcolorright::String — имя цвета для фона правой метки из цветовой палитры, например primary teal-10

labeltextcolorright::String — имя цвета для текста правой метки из цветовой палитры, например primary teal-10

labelvalueleft::Union{String, Int} — переопределяет метку по умолчанию для минимального значения, например labelvalueleft="model.min + 'px'"

labelvalueright::Union{String, Int} — переопределяет метку по умолчанию для максимального значения, например labelvalueright="model.max + 'px'"

range::AbstractRange{T} — диапазон значений для выбора из min:step:max; для ссылки на поля модели можно использовать символы или строки, например range("min":2:"max", :myvalue)

lazy::Bool — если задано значение true, значение поля модели обновляется только после отпускания ползунка

disable::Bool — переводит компонент в отключенный режим

readonly::Bool — переводит компонент в режим только для чтения

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

labelcolor::String — имя цвета для компонента из цветовой палитры, например primary teal-10

thumbpath::String — задает путь к пользовательскому бегунку в формате SVG, например M5 5 h10 v10 h-10 v-10

dark::Bool — указывает, что компонент должен иметь темный фон

dense::Bool — уплотненный режим; занимает меньше места

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес; пример: car_id

snap::Bool — предлагаются только допустимые значения вместо свободного выбора. Совет: используйте со свойством step.

reverse::Bool — смена направления на обратное

vertical::Bool — отображение по вертикали

labelalways::Bool — метка отображается всегда

label::Bool — когда пользователь нажимает на ползунок и перемещает его, отображается всплывающая метка

markers::Union{Bool, Int} — на дорожке отображаются маркеры, по одному для каждого возможного значения модели или с пользовательским шагом (при указании числа), например markers markers="5"

dragrange::Bool — пользователь может перетаскивать весь диапазон, а не только два бегунка

dragonlyrange::Bool — пользователь может перетаскивать только диапазон, а НЕ два бегунка

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

labelcolorleft::String — имя цвета для фона левой метки из цветовой палитры, например primary teal-10

labeltextcolorleft::String — имя цвета для текста левой метки из цветовой палитры, например primary teal-10

labelcolorright::String — имя цвета для фона правой метки из цветовой палитры, например primary teal-10

labeltextcolorright::String — имя цвета для текста правой метки из цветовой палитры, например primary teal-10

labelvalueleft::Union{String, Int} — переопределяет метку по умолчанию для минимального значения, например labelvalueleft="model.min + 'px'"

labelvalueright::Union{String, Int} — переопределяет метку по умолчанию для максимального значения, например labelvalueright="model.max + 'px'"

range::AbstractRange{T} — диапазон значений для выбора из min:step:max; для ссылки на поля модели можно использовать символы или строки, например range("min":2:"max", :myvalue)

lazy::Bool — если задано значение true, значение поля модели обновляется только после отпускания ползунка

disable::Bool — переводит компонент в отключенный режим

readonly::Bool — переводит компонент в режим только для чтения

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

labelcolor::String — имя цвета для компонента из цветовой палитры, например primary teal-10

thumbpath::String — задает путь к пользовательскому бегунку в формате SVG, например M5 5 h10 v10 h-10 v-10

dark::Bool — указывает, что компонент должен иметь темный фон

dense::Bool — уплотненный режим; занимает меньше места

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес car_id

icon::Union{String, Vector} — имя значка. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если указан массив, для каждого значения оценки будет использоваться соответствующий значок из массива (с отсчетом от нуля), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

iconselected::Union{String, Vector} — имя значка, используемого при выборе значения (необязательно). Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если указан массив, для каждого значения оценки будет использоваться соответствующий значок из массива (с отсчетом от нуля), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

iconhalf::Union{String, Vector} — имя значка, используемого при выборе значения (необязательно). Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если указан массив, для каждого значения оценки будет использоваться соответствующий значок из массива (с отсчетом от нуля), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png

max::Union{Int, String} — количество отображаемых значков, например 3 max="5"

noreset::Bool — отключает стандартное поведение, заключающееся в сбросе модели в значение 0 при нажатии на значок, представляющий текущее значение модели

readonly::Bool — переводит компонент в режим только для чтения

disable::Bool — переводит компонент в отключенный режим

size::String — размер в единицах CSS, включая название единицы или стандартного размера (xs|sm|md|lg|xl), например 16px 2rem md xs

color::Union{String, Vector} — имя цвета для компонента из цветовой палитры. В версии 1.5.0 или более поздней: если указан массив, для каждого значения оценки будет использоваться соответствующий цвет из массива (с отсчетом от нуля), например primary primary teal-10 ["accent", "grey-7"]

colorselected::Union{String, Vector} имя цвета из палитры Quasar для выбранных значков: primary teal-10

colorhalf::Union{String, Vector} — имя цвета из цветовой палитры, например primary teal-10

nodimming::Bool — для невыбранных значков непрозрачность не уменьшается

visible::Bool — позволяет вручную управлять видимостью полосы прокрутки; переопределяет поведение по умолчанию при наведении и отведении указателя мыши

delay::Union{Int, String} — при изменении содержимого появляется полоса прокрутки; эта задержка определяет количество времени (в миллисекундах) до того, как полосы прокрутки снова исчезнут (если указатель мыши не наведен на компонент); по умолчанию 1000; примеры: 500 delay!="500

horizontal::Bool — изменяет ось по умолчанию на горизонтальную вместо вертикальной (по умолчанию) для getScrollPosition, getScrollPercentage, setScrollPosition и setScrollPercentage

tabindex::Union{Int, String} — значение атрибута HTML tabindex: 0 100

dark::Bool — указывает, что компонент должен иметь темный фон

barstyle::Union{Vector, String, Dict} — объект со свойствами и значениями CSS для применения пользовательского стиля к полосам прокрутки (вертикальной и горизонтальной), например barstyle!="{ borderRadius: '5px', background: 'red', opacity: 1 }"

contentstyle::Union{Vector, String, Dict} — объект со свойствами и значениями CSS для применения стиля к контейнеру scrollarea

name::String — используется для указания имени элемента управления; полезно при работе с формами. Если значение не указано, используется значение свойства for при его наличии, например car-id car-id

virtualscrollhorizontal::Bool — переводит виртуальный список в горизонтальный режим

error::Bool — есть ли в поле ошибки проверки

rules::Vector — массив функций или строк; в случае строк это должно быть имя одного из встроенных правил проверки, например rules="[ val => val.length <= 3 || 'Please use maximum 3 characters' ]"

reactiverules::Bool — по умолчанию изменение правил не инициирует новую проверку, пока не изменится модель. Если установлено значение true, то изменение правил инициирует проверку. При этом производительность снижается, поэтому использовать данное значение следует только тогда, когда это действительно необходимо

lazyrules::Union{Bool, String} — если задано логическое значение true, соответствие статуса проверки правилам проверяется только после того, как поле впервые теряет фокус; если задано значение ondemand, проверка выполняется только при вызове метода validate() компонента вручную или при отправке оболочки form, например (Boolean) true (Boolean) false ondemand

loading::Bool — сообщает пользователю о том, что процесс выполняется, отображая вращающийся индикатор; вращающийся индикатор можно настроить с помощью слота loading.

clearable::Bool — добавляет очищаемый значок, когда задано значение (не неопределенное и не null); при щелчке модель становится null

autofocus::Bool — поле с фокусом при первоначальном отображении компонента

for::String — используется для указания идентификатора элемента управления, а также атрибута for метки, в которую он заключен; если свойство name не указано, оно также используется для данного атрибута, например myFieldsId

hidedropdownicon::Bool — значок раскрывающегося списка скрывается

fillinput::Bool — заполняет поле ввода текущим значением; полезно использовать вместе с hideselected; НЕ работает при выборе multiple

newvaluemode::String — позволяет создавать новые значения и определяет поведение при добавлении нового значения: при add значение добавляется в любом случае (даже если оно повторяется), при add-unique добавляются только уникальные значения, а при toggle значение добавляется или удаляется (в зависимости от того, существует ли оно уже или нет). При использовании этого свойства прослушивание newvalue становится необязательным (требуется только для переопределения поведения, заданного посредством newvaluemode). Примеры: add add-unique toggle

autocomplete::String — атрибут автоматического заполнения для поля, например autocomplete="country"

transitionshow::String — переход при отображении меню или диалогового окна; один из встроенных переходов, например fade slide-down

transitionhide::String — переход при скрытии меню или диалогового окна; один из встроенных переходов, например fade slide-down

behavior::String — переопределяет динамический режим отображения по умолчанию в виде меню на настольных компьютерах и диалогового окна на мобильных устройствах: default menu dialog

tablecolspan::Union{Int, String} — количество столбцов в таблице (требуется при использовании table-layout: fixed), например tablecolspan="12"

errormessage::String — сообщение об ошибке проверки (отображается только в том случае, если error имеет значение true), например Username must have at least 5 characters

noerroricon::Bool — при возникновении ошибки значок ошибки скрывается

label::Union{String,Symbol} — текстовая метка, которая «всплывает» над полем ввода, когда оно получает фокус, например Username

stacklabel::Bool — метка всегда отображается над полем независимо от его содержимого (если оно есть)

hint::String — вспомогательный текст (подсказка), который размещается под заключенным компонентом формы, например Fill in between 3 and 12 characters

hidehint::Bool — когда поле не имеет фокуса, вспомогательный текст (подсказка) скрывается

prefix::String — префикс, например $

suffix::String — суффикс, например @gmail.com

loading::Bool — сообщает пользователю о том, что процесс выполняется, отображая вращающийся индикатор; вращающийся индикатор можно настроить с помощью слота loading.

clearable::Bool — добавляет очищаемый значок, когда задано значение (не неопределенное и не null); при щелчке модель становится null

clearicon::String — пользовательский значок для кнопки очистки при использовании вместе с атрибутом clearable, например close

labelslot::Bool — включает слот label; этот атрибут необходимо задать для принудительного использования слота label, если свойство label не установлено

bottomslots::Bool — включает нижние слоты (error, hint, counter)

counter::Bool — в правом нижнем углу отображается автоматический счетчик

dropdownicon::String — имя значка. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например map ion-add img=https://cdn.quasar.dev/logo/svg/quasar-logo.svg img=path/to/some_image.png

useinput::Bool — используется тег ввода, позволяющий пользователям вводить данные

inputdebounce::Union{Int, String} — устраняет задержку обновления входной модели на количество миллисекунд, например 500 600

tabindex::Union{Int, String} — значение атрибута HTML tabindex, например 0 100

multiple::Bool — разрешает множественный выбор. Модель должна быть массивом.

emitvalue::Bool — модель обновляется значением выбранного варианта, а не всем вариантом

options::Vector — варианты, доступные на выбор пользователю. Для повышения производительности следует зафиксировать список вариантов, например options=[ 'BMW', 'Samsung Phone' ]

optionvalue::String — свойство варианта, содержащее значение. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: optionvalue=modelNumber optionvalue="(item) => item === null ? null : item.modelNumber"

optionlabel::Union{String,Symbol} — свойство варианта, содержащее метку. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: optionlabel=itemName optionlabel="(item) => item === null ? null : item.itemName"

optiondisable::String — свойство варианта, указывающее, что он отключен. Должно иметь логическое значение. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: optiondisable=cannotSelect optiondisable="(item) => item === null ? null : item.cannotSelect"

optionsdense::Bool — уплотненный режим списка вариантов; занимает меньше места

optionsdark::Bool — меню вариантов будет иметь темный цвет

optionsselectedclass::String — имя класса CSS для активных (выбранных) вариантов. Чтобы не применялось значение по умолчанию (text-*, где * — значение свойства color), задайте пустую строку. Пример: text-orange

optionssanitize::Bool — для отображения вариантов принудительно используется textContent вместо innerHTML. Используйте этот атрибут, если варианты (введенные пользователем) могут быть небезопасными. НЕ действует при использовании слота option!

optionscover::Bool — развернутое меню занимает всю область компонента (не работает вместе с атрибутом useinput по очевидным причинам)

menushrink::Bool — список вариантов может быть уже поля (только в режиме меню)

mapoptions::Bool — выполняется попытка сопоставить метки модели из вектора options. Производительность немного снижается. При использовании emit-value, скорее всего, потребуется использовать map-options для отображения текста метки, а не значения, в поле выбора. См. раздел «Влияние на модель» выше.

menuanchor::String — два значения, определяющие начальное положение или точку привязки списка вариантов относительно поля (только в режиме меню), например top left top middle top right top start top end center left center middle center right center start center end bottom left bottom middle bottom right bottom start bottom end

menuself::String — два значения, определяющие собственное положение списка вариантов относительно целевого объекта (только в режиме меню), например top left и т. д.

menuoffset::Vector — массив из двух чисел для смещения списка вариантов по горизонтали и вертикали в пикселях (только в режиме меню), например [8, 8]

multiple::Bool — разрешает множественный выбор. Модель должна быть массивом.

displayvalue::Union{Int, String} — переопределяет строку выбора по умолчанию, если не используется слот selected, слот с ограниченной областью или атрибут usechips

displayvaluesanitize::Bool — для отображения выбранных вариантов принудительно используется textContent вместо innerHTML. Используйте этот атрибут, если выбранные варианты (введенные пользователем) могут быть небезопасными. НЕ действует при использовании слота selected или selecteditem!

hideselected::Bool — скрывает выбор. Использует базовый тег ввода для хранения метки выбранного варианта (вместо ее отображения справа от поля ввода). Не работает при множественном (multiple) выборе.

maxvalues::Union{Int, String} — определяет максимальное количество вариантов, которые может выбрать пользователь, например 5

usechips::Bool — для отображения выбранных в данный момент вариантов используется компонент chip

disable::Bool — переводит компонент в отключенный режим

readonly::Bool — переводит компонент в режим только для чтения

labelcolor::String — имя цвета для метки из цветовой палитры; переопределяет свойство color. Отличие от свойства color заключается в том, что метка всегда будет иметь этот цвет, даже если поле не имеет фокуса, например primary teal-10

color::String — имя цвета для компонента из цветовой палитры

bgcolor::String — имя цвета фона для компонента из цветовой палитры

dark::Bool — указывает, что компонент должен иметь темный фон

filled::Bool — к полю применяется макет filled

outlined::Bool — к полю применяется макет outlined

borderless::Bool — к полю применяется макет borderless

standout::Union{Bool, String} — к полю применяется «выступающий» макет; указывает классы, применяемые при получении фокуса (переопределяют классы по умолчанию), например standout standout="bg-primary text-white"

hidebottomspace::Bool — если подсказка, сообщение об ошибке или счетчик не используются, место для них больше не резервируется. В результате также отключается анимация для них. Кроме того, позволяет растягивать область подсказки или сообщения об ошибке по вертикали в соответствии с содержимым.

rounded::Bool — применяет небольшой стандартный радиус скругления к компоненту квадратной формы

square::Bool — удаляет скругление, делая углы границ прямыми; переопределяет свойство или атрибут rounded

dense::Bool — уплотненный режим; занимает меньше места

itemaligned::Bool — внутреннее выравнивание содержимого соответствует выравниванию компонента item

popupcontentclass::String — определения классов, применяемых к содержимому всплывающей области, например my-special-class

popupcontentstyle::Union{Vector, String, Dict} — определения стилей, применяемых к содержимому всплывающей области, например background-color: #ff0000 popupcontentstyle!="{ backgroundColor: '#ff0000' }"

inputclass::Union{Vector, String, Dict} — определения классов, применяемых к базовому тегу ввода, например my-special-class inputclass!="{ 'my-special-class': <condition> }"

inputstyle::Union{Vector, String, Dict} — определения стилей, применяемых к базовому тегу ввода, например background-color: #ff0000 inputstyle!="{ backgroundColor: '#ff0000' }"

virtualscrollslicesize::Union{Int, String} — минимальное количество элементов, отображаемых в виртуальном списке, например virtualscrollslicesize="60" 30

virtualscrollsliceratiobefore::Union{Int, String} — доля количества элементов в видимой области, отображаемая перед ней, например virtualscrollsliceratiobefore="30" 30

virtualscrollsliceratioafter::Union{Int, String} — доля количества элементов в видимой области, отображаемая после нее, например virtualscrollsliceratioafter="0.3"

virtualscrollitemsize::Union{Int, String} — размер элемента по умолчанию в пикселях (высота, если элемент вертикальный; ширина, если элемент горизонтальный). Это значение используется для отображения начального списка. Старайтесь использовать значение, близкое к минимальному размеру элемента, например virtualscrollitemsize="48"

virtualscrollstickysizestart::Union{Int, String} — размер в пикселях (высота, если элемент вертикальный; ширина, если элемент горизонтальный) закрепленной части в начале списка (если она используется). Правильное значение повышает точность прокрутки. Примеры: 0 virtualscrollstickysizestart="23

virtualscrollstickysizeend::Union{Int, String} — размер в пикселях (высота, если элемент вертикальный; ширина, если элемент горизонтальный) закрепленной части в конце списка (если она используется). Правильное значение повышает точность прокрутки. Пример: 0

tablecolspan::Union{Int, String} — количество столбцов в таблице (требуется при использовании table-layout: fixed), например tablecolspan="3"

tag::String — отображаемый HTML-тег. Значение по умолчанию — "div". Примеры: "div" "span"

type::String — тип заполнителя-эскиза. Значение по умолчанию — "rect". Допустимые значения: "rect" "circle" "QBadge" "QChip" "QRadio" и т. д.

dark::Bool — следует ли использовать темный эскиз.

animation::String — эффект анимации заполнителя-эскиза. Значение по умолчанию: "wave" | Примеры: "pulse" "fade" "blink" "none" "pulse-x"

square::Bool — удаляет скругление, делая границы квадратными

bordered::Bool — применяет к компоненту границу по умолчанию

size::String — размер в единицах CSS, включая название единицы. Переопределяет свойства height и width и применяет значение как к высоте, так и к ширине.

width::String — ширина в единицах CSS, включая название единицы. Применяет пользовательскую ширину. Можно использовать это свойство или стиль CSS. Переопределяется свойством size, если оно задано.

height::String — высота в единицах CSS, включая название единицы. Применяет пользовательскую высоту. Можно использовать это свойство или стиль CSS. Переопределяется свойством size, если оно задано. Примеры: "16px" "2em"

horizontal::Bool — панели разделяются по горизонтали, а не по вертикали

limits::Vector — массив из двух значений, представляющих минимальный и максимальный размер разделения двух панелей. Если задана единица px, вторым значением может быть Infinity, что позволяет сделать разделение с другой стороны неограниченным.

reverse::Bool — применяет размер модели ко второй панели (по умолчанию он применяется к первой)

unit::String — единица CSS для модели

emitimmediately::Bool — данные модели выдаются в процессе перемещения разделителя пользователем

limits::Vector — массив из двух значений, представляющих минимальный и максимальный размер разделения двух панелей. Если задана единица px, вторым значением может быть Infinity, что позволяет сделать разделение с другой стороны неограниченным.

disable::Bool — переводит компонент в отключенный режим

classbefore::Union{Vector,String,Dict} — определения классов, применяемых к панели before, например "bg-deep-orange"

classafter::Union{Vector,String,Dict} — определения классов, применяемых к панели after, например "bg-deep-orange"

separatorclass::Union{Vector,String,Dict} — определения классов, применяемых к разделителю, например "bg-deep-orange"

separatorstyle::Union{Vector,String,Dict} — определения стилей, применяемых к разделителю, например "border-color: #ff0000;"

dark::Bool — применяет к разделителю более светлый цвет по умолчанию. Используется при более темном фоне. Нежелательно использовать при переопределении посредством свойства separator-class или separator-style.

name::Union{Any} — имя панели

disable::Bool — переводит компонент в отключенный режим

dark::Bool — указывает, что компонент должен иметь темный фон

keepalive::Bool — равносильно использованию собственного компонента Vue для содержимого

keepaliveinclude::Union{String,Vector} — равносильно использованию собственного свойства Vue include для ; значениями должны быть допустимые имена компонентов Vue (например, "a,b" "/a|b/" ['a', 'b'])

keepaliveexclude::Union{String,Vector} — равносильно использованию собственного свойства Vue exclude для ; значениями должны быть допустимые имена компонентов Vue (например, "a,b" "/a|b/" ['a', 'b'])

keepalivemax::Int — равносильно использованию собственного свойства Vue max для (например, 2)

animated::Bool — включает переходы между панелями (см. также свойства transition-prev и transition-next)

infinite::Bool — делает компонент бесконечным (при достижении последней панели следующей становится первая)

swipeable::Bool — включает события смахивания (могут конфликтовать с событиями касания содержимого или щелчка мышью по нему)

vertical::Bool — переходы и действия смахивания по умолчанию происходят на вертикальной оси

transitionprev::String — один из встроенных переходов Quasar (действует только в том случае, если задано свойство animated), например "fade" "slide-down"

transitionnext::String — один из встроенных переходов Quasar (действует только в том случае, если задано свойство animated), например "fade" "slide-down"

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана). Примеры: "map" "ion-add" "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg" "img:path/to/some_image.png"

label::Union{Int,String} — число или строка для обозначения вкладки. Пример: "Home"

alert::Union{Bool,String} — добавляет на вкладку символ оповещения, уведомляющий пользователя о наличии обновлений. Если значение не является логическим, можно указать цвет. Пример: "alert"

nocaps::Bool — отключает использование заглавных букв на вкладке (по умолчанию)

name::Union{Int,String} — имя панели. Примеры: "home" name! ="1"

tabindex::Union{Int,String} — значение атрибута HTML tabindex Примеры: 0 100

disable::Bool — переводит компонент в отключенный режим

ripple::Union{Bool,Dict} — настройка эффекта ряби на материале (чтобы отключить его, задайте значение false или предоставьте объект конфигурации). Примеры: false """{"early" => true, "center" => true, "color" => "teal", "keyCodes" => []}"""

contentclass::String — определения классов, применяемых к оболочке содержимого. "my-special-class"

target::Union{Bool, String} — контрольная точка (в пикселях) ширины контейнера вкладок, при достижении которой вкладки автоматически переключаются на выравнивание по ширине. По умолчанию: 600 | Пример: breakpoint! ="500"

vertical::Bool — используется вертикальный макет (вкладки одна над другой, а не рядом по горизонтали)

outsidearrows::Bool — резервирует место для стрелок по обе стороны от вкладок (стрелки исчезают, когда неактивны)

mobilearrows::Bool — принудительное отображение стрелок (при необходимости) на мобильных устройствах

align::String — горизонтальное выравнивание вкладок внутри контейнера вкладок. Значение по умолчанию: center | Допустимые значения: left, center, right, justify | Пример: right

breakpoint::Union{Int, String} — контрольная точка (в пикселях) ширины контейнера вкладок, при достижении которой вкладки автоматически переключаются на выравнивание по ширине. Значение по умолчанию: 600 | Пример: breakpoint! = "500"

lefticon::String — имя значка, заменяющего стрелку по умолчанию для прокрутки вкладок влево, когда они не помещаются по ширине в контейнере вкладок. Пример: arrow_left

righticon::String — имя значка, заменяющего стрелку по умолчанию для прокрутки вкладок вправо, когда они не помещаются по ширине в контейнере вкладок. Пример: arrow_right

stretch::Bool — при использовании в родительском элементе flexbox вкладки растягиваются по его высоте

shrink::Bool — по умолчанию tabs занимает все доступное пространство, однако это поведение можно изменить с помощью данного свойства; полезно (и необходимо) при размещении компонента в toolbar

switchindicator::Bool — переключает положение индикатора (слева от вкладки для вертикального режима или над вкладкой для горизонтального режима по умолчанию)

narrowindicator::Bool — индикатор становится той же ширины, что и содержимое вкладки (текст или значок), а не занимает всю ширину вкладки

inlinelabel::Bool — позволяет размещать текст на одной линии со значком, если он используется

nocaps::Bool — отключает использование заглавных букв на вкладке (по умолчанию)

activeclass::String — класс, задаваемый для активной вкладки

activecolor::String — цвет, применяемый к тексту активной вкладки. Примеры: teal-10 primary

activecolorbg::String — цвет, применяемый к фону активной вкладки. Примеры: teal-10 primary

indicatorcolor::String — цвет, применяемый к индикатору (подчеркиванию) активной вкладки. Примеры: teal-10 primary

contentclass::String — определения классов, применяемых к оболочке содержимого

dense::Bool — уплотненный режим; занимает меньше места

side::String — сторона, с которой размещаются записи шкалы времени в уплотненном и удобном форматах; для свободного формата переопределяется свойством timelineentry. По умолчанию: "right" | Примеры: "left" | "right"

layout::String — макет шкалы времени. При использовании плотного макета (dense) содержимое и метки располагаются на одной стороне. При использовании удобного макета (comfortable) содержимое располагается на одной стороне, а метки — на другой. При использовании свободного макета (loose) содержимое располагается с обеих сторон. По умолчанию: "dense" | Примеры: "comfortable" | "loose" | "dense"

color::String — имя цвета для компонента из цветовой палитры Quasar, например "primary" | "teal-10"

dark::Bool — указывает, что компонент должен иметь темный фон

side::String — сторона, на которой располагаются записи шкалы времени; работает только в том случае, если используется свободный макет timeline. По умолчанию: "right" | Примеры: "left" | "right"

tag::String — используемый тег; только для типа heading. По умолчанию: "h3" | Примеры: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"

heading::Bool — определяет элемент шкалы времени для заголовка

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана). Примеры: "map" | "ion-add"

avatar::String — URL-адрес изображения аватара. Если используется значок, он имеет приоритет и поэтому заменяет аватар.

title::String — заголовок записи шкалы времени; переопределяется при использовании слота title

subtitle::String — подзаголовок записи шкалы времени; переопределяется при использовании слота subtitle

body::String — текст записи шкалы времени; используйте это свойство или слот по умолчанию

color::String — имя цвета для компонента из цветовой палитры Quasar

name::String — используется для указания имени элемента управления; полезно при работе с формами, отправляемыми непосредственно на URL-адрес; пример: "car_id"

indeterminatevalue::Union{Int, Float64, String, Bool} — какое значение модели следует считать «неопределенным»; значение по умолчанию: null; примеры: 0 "not_answered"

toggleorder::String — определяет порядок переключения двух состояний (t означает состояние true, f — состояние false). Если toggle-indeterminate имеет значение true, то порядок следующий: неопределенное -> первое состояние -> второе состояние -> неопределенное (и повторять); в противном случае: неопределенное -> первое состояние -> второе состояние -> первое состояние -> второе состояние -> …​ Значение по умолчанию: "tf". Примеры: "tf" "ft"

toggleindeterminate::Bool — следует ли также переключаться через неопределенное состояние, когда пользователь щелкает по компоненту или нажимает на него

keepcolor::Bool — следует ли сохранять цвет (если он указан) при отключении компонента (снятии флажка)

icon::String — имя значка в соответствии с соглашением Quasar. Если вы не используете префикс img:, убедитесь в том, что установлена библиотека значков. Если в качестве значения используется строка none, значок не отображается (но для него по-прежнему выделяется пространство экрана), например map ion-add img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg img:path/to/some_image.png *

tabindex::Union{Int, String} — значение атрибута HTML tabindex: 0 100

checkedicon::String — значок, используемый, когда переключатель включен, например visibility

uncheckedicon::String — значок, используемый, когда переключатель отключен, например visibility-off

indeterminateicon::String — значок, используемый, когда модель является неопределенной, например help

label::Union{String,Symbol} — метка, отображаемая вместе с компонентом, например I agree to terms and conditions

leftlabel::Bool — метка (если она указана) должна отображаться слева от компонента

val::Union{Bool, Int, Float64, String, Vector} — действует, если модель (value) представляет собой массив. Сообщает компоненту, какое значение следует добавить или удалить при установке или снятии флажка, например car.

truevalue::Union{Bool, Int, Float64, String, Vector} — какое значение модели следует считать выбранным (включенным); по умолчанию true; пример: Agreed

falsevalue::Union{Bool, Int, Float64, String, Vector} — какое значение модели следует считать не выбранным (отключенным); по умолчанию false; пример: Not agreed

disabled::Bool — переводит компонент в отключенный режим

size::String — размер в единицах CSS, включая название единицы или стандартного размера (xs|sm|md|lg|xl), например 16px 1.5rem xs md

color::String — имя цвета для компонента из цветовой палитры, например primary teal-10

dark::Bool — указывает, что компонент должен иметь темный фон

dense::Bool — уплотненный режим; занимает меньше места

iconcolor — переопределяет цвет значка по умолчанию (только для истинного состояния); имя цвета для компонента из цветовой палитры, например primary teal-10

transitionshow::String — поддержка встроенных переходов, например fade slide-down

transitionhide::String — поддержка встроенных переходов, например fade slide-down

scrolltarget::String — селектор CSS или элемент DOM, который используется в качестве пользовательского контейнера прокрутки вместо автоматически определяемого, например scrolltarget=".scroll-target-class" scrolltarget="#scroll-target-id" scrolltarget="body"

target::Union{String, Bool} — настраивает целевой элемент для активации переключения подсказки; при значении true родительский элемент DOM включен, при значении false привязка событий к элементам DOM отключена. С помощью строки (селектора CSS) события привязываются к указанному элементу DOM (если он существует). Примеры: target=".my-parent" target!=false

noparentevent::Bool — привязка событий к целевому элементу DOM (инициирующих отображение элемента) пропускается

delay::Int — подсказка появляется с задержкой. Значение по умолчанию: 0; пример: delay!="500"

hidedelay::Int — подсказка исчезает с задержкой. Значение по умолчанию: 0; пример: hidedelay!="600"

maxheight::String — максимальная высота подсказки; размер в единицах CSS, включая название единицы, например 16px 2rem

maxwidth::String — максимальная ширина подсказки; размер в единицах CSS, включая название единицы, например 16px 2rem

anchor::String — два значения, определяющие начальное положение или точку привязки подсказки относительно целевого объекта, например top left top middle top right top start top end center left center middle center right center start center end bottom left bottom middle bottom right bottom start bottom end

self::String — два значения, определяющие собственное положение подсказки относительно целевого объекта, например top left top middle top right top start top end center left center middle center right center start center end bottom left bottom middle bottom right bottom start bottom end

offset::Vector — массив из двух чисел для смещения подсказки по горизонтали и вертикали в пикселях; значение по умолчанию: [14,14]; пример: [5, 10]

contentclass::Union{Vector, String, Dict} — определения классов, применяемых к содержимому, например my-special-class contentclass!="{ 'my-special-class': <condition> }"

contentstyle::Union{Vector, String, Dict} — определения стилей, применяемых к содержимому, например background-color: #ff0000 contentstyle!="{ color: '#ff0000' }"

multiple::Bool — позволяет отправлять несколько файлов

accept::String — список уникальных спецификаторов типов файлов через запятую. Сопоставляется с атрибутом accept собственного входного типа=элемент файла, например .jpg, .pdf, image/* image/jpeg, .pdf

capture::String — при необходимости позволяет указать, что следует принять новый файл, а также указать устройство, которое должно использоваться для принятия этих новых данных типа, определяемого свойством accept. Сопоставляется с атрибутом capture собственного входного типа=элемент файла, например user environment

maxfilesize::Union{Int, String} — максимальный размер отдельного файла в байтах, например 1024 1048576

maxtotalsize::Union{Int, String} — максимальный совокупный размер всех файлов в байтах, например 1024 1048576

maxfiles::Union{Int, String} — максимальное количество файлов в контейнере, например maxfiles!="5" 10

filter::Function — пользовательский фильтр добавляемых файлов. Добавляться в очередь и отправляться будут только файлы, прошедшие этот фильтр. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Пример: filter!="files => files.filter(file => file.size === 1024)"

autoupload::Bool — файлы отправляются сразу после добавления

hideuploadbtn::Bool — кнопка отправки не отображается

label::Union{String,Symbol} — метка средства отправки, например Upload photo here

nothumbnails::Bool — эскизы для файлов изображений не отображаются

disable::Bool — переводит компонент в отключенный режим

readonly::Bool — переводит компонент в режим только для чтения

color:String — цвет компонента из цветовой палитры, например primary teal-10

textcolor::String — переопределяет цвет текста (при необходимости); имя цвета из цветовой палитры, например primary teal-10

dark::Bool — темный режим

square::Bool — удаляет скругление, делая границы квадратными

flat::Bool — применяет «плоский» макет (по умолчанию без тени)

bordered::Bool — применяет к компоненту границу по умолчанию

factory::String — функция, которая должна возвращать объект или промис, разрешающийся в объект. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее в форму функции. (files) => Object, Promise

url::String — URL-адрес сервера, который обрабатывает отправку, или путь к нему. Принимает строку или фабричную функцию, которая возвращает строку. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Пример: +"files ⇒+https://example.com?count=:({files.length})" https://example.com/path

method::String — метод HTTP, используемый для отправки. Принимает строку или фабричную функцию, которая возвращает строку. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. По умолчанию: POST; примеры: POST PUT

fieldname::String — имя поля для каждого отправляемого файла; помещается в следующий заголовок: 'Content-Disposition: form-data; name="HERE"; filename="somefile.png"'. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Значение по умолчанию: (file) => file.name; примеры: backgroundFile fieldname!="(file) => 'background' + file.name"

headers::Union{Vector{Dict(String, String)}, String} — массив или фабричная функция, возвращающая массив. Массив состоит из объектов с определениями заголовков. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Пример: [{name: 'Content-Type', value: 'application/json'}, {name: 'Accept', value: 'application/json'}]

formfields::Union{Vector{Dict(String, String)}, String} — массив или фабричная функция, возвращающая массив. Массив состоит из объектов с определениями дополнительных полей (используемых формой отправки). Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Пример: [{name: 'my-field', value: 'my-value'}]

with-credentials::Union{Bool, String} — присваивает withCredentials значение true в XHR, который управляет отправкой. Принимает логическое значение или фабричную функцию с логическим значением. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: with-credentials with!="files => ...."

sendraw::Union{Bool, String} — отправляются необработанные файлы без упаковки в Form(). Принимает логическое значение или фабричную функцию с логическим значением. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Примеры: sendraw sendraw!="files => ...."

batch::Union{Bool, String} — файлы отправляются пакетом (в одном запросе XHR). Принимает логическое значение или фабричную функцию с логическим значением. Функция вызывается непосредственно перед отправкой. Для повышения производительности на функцию следует ссылаться из своей области, а не встраивать ее вызов. Пример: "files => files.length > 10"

title::String — (специальные возможности) задает значение собственного атрибута title используемого внутреннего iFrame

fetchpriority::String — предоставляет подсказку касательно относительного приоритета, используемого при получении документа iFrame. Значение по умолчанию: "auto" | Допустимые значения: "auto", "high", "low"

loading::String — указывает, как браузер должен загружать iFrame. Значение по умолчанию: "eager" | Допустимые значения: "eager", "lazy"

referrerpolicy::String — указывает, какой ссылающийся домен следует отправлять при получении ресурса фрейма. Значение по умолчанию: "strict-origin-when-cross-origin" | Допустимые значения: "no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "origin-when-cross-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"

src::String — исходный URL-адрес для отображения в iFrame.

ratio::Union{String,Int,Float64} — соотношение сторон содержимого. Если значение — строка, то старайтесь не использовать вычислительный оператор (например, 16/9). Вместо этого укажите строковое значение результата напрямую (например, 1.7777).