FontPickerRoot

FontPickerRoot предоставляет поиск и асинхронный список семейств шрифтов без навязанного оформления. Компонент построен на Reka UI Combobox; приложение может заменить кнопку открытия, поле поиска, строки списка, отметку выбора и пустое состояние через слоты.

Props

Prop	Default	Type
listFamilies* Асинхронный источник доступных семейств шрифтов.	—	() => Promise<string[]>
triggerClass Необязательный класс стандартной кнопки открытия.	—	string | undefined
contentClass Необязательный класс содержимого списка.	—	string | undefined
itemClass Необязательный класс строк списка.	—	string | undefined
searchClass Необязательный класс поля поиска.	—	string | undefined
viewportClass Необязательный класс прокручиваемой области.	—	string | undefined
emptyClass Необязательный класс пустого состояния.	—	string | undefined
emptySearchText Текст, когда поиск не дал результатов.	—	string | undefined
emptyFontsText Текст, когда шрифты недоступны.	—	string | undefined
emptyFontsHint Дополнительная подсказка при отсутствии шрифтов.	—	string | undefined

Model

Prop	Default	Type
v-model* Выбранное семейство шрифта.	—	string

Events

Event	Payload	Description
select Вызывается после выбора семейства.	family: string	Вызывается после выбора семейства.

Пример

<FontPickerRoot v-model="fontFamily" :list-families="listFamilies">
  <template #trigger="{ value }">
    <button class="w-full truncate">{{ value }}</button>
  </template>
</FontPickerRoot>

См. также

• useTypography