Описание тега headless-ui
Безголовый пользовательский интерфейс — полностью доступные компоненты пользовательского интерфейса без стиля.
3
ответа
Tailwind + Headless UI: закрыть мобильное меню после щелчка или щелчка
Я использую Tailwind + Headless UI, чтобы создать строку меню гамбургера на мобильном телефоне, чтобы отображать меню при нажатии. Но когда я нажимаю на меню, оно не закрывается автоматически и создает плохой UX. <Disclosure as="nav" className="f…
30 сен '21 в 07:28
1
ответ
Кнопки не имеют равномерного заполнения
Я использую безголовый компонент вкладки пользовательского интерфейса, и когда я добавляю отступы к кнопкам, как в приведенном ниже коде, я ожидаю, что все кнопки будут иметь однородное заполнение, но, похоже, здесь есть некоторые проблемы. Компонен…
14 окт '21 в 13:07
2
ответа
Безголовый компонент пользовательского интерфейса не будет иметь стиля
В настоящее время я играю с пользовательским интерфейсом без головы, и я не могу стилизовать ни один из компонентов. Это код в моем файле вкладок <template> <TabGroup> <TabList class="bg-blue-900/20 rounded-xl"> <Tab>Products…
01 окт '21 в 11:21
12
ответов
Не закрывайте диалоговое окно (модальное) при нажатии снаружи в React & HeadlessUI
Моя проблема проста ... Я использую компонент HeadlessUI Dialog для React в своем приложении, и когда я выхожу из модального окна, я хочу, чтобы он не закрывался. В документации есть диалог. Параметр наложения, который имеет дело с этим взаимодейств…
11 окт '21 в 16:25
1
ответ
Не используйте встроенные или зарезервированные HTML-элементы с Vue, TailwindUI и Headless UI.
Я пытаюсь добавить меню TailwindUI / Headless UI (раскрывающееся меню) во Vue, и в консоли появляются две ошибки: Не используйте встроенные или зарезервированные HTML-элементы в качестве идентификатора компонента: menu а также Ошибка: <MenuButton…
30 сен '21 в 21:49
2
ответа
Как запустить @headlessui/vue в проекте Nuxt 3?
Я пытаюсь бежать @headlessui/vue пакет в проекте Nuxt3. Я могу увидеть пакет в node_modules папка. Но я продолжаю получать ошибку ниже Internal server error: Failed to resolve import "@headlessui/vue" from "components/LeftSideFilter.vue". Does the f…
02 ноя '21 в 16:27
2
ответа
Активные вкладки HeadlessUI Tabs возвращаются к 0 после обновления
Мне очень нужна помощь по вкладкам безголового интерфейса пользователя. Я пытался исправить это самостоятельно и исследовал, но не хватало ресурсов по моей проблеме. Я до сих пор не понимаю, как это не работает, я тоже читал документы. import { useE…
03 ноя '21 в 17:09
0
ответов
HeadlessUI React, как определить элемент с фокусом в данный момент?
Я пытаюсь создать забавный вариант использования: У меня есть диалог HeadlessUI, внутри этого диалога есть компонент HeadlessUI Menu в качестве вложенного дочернего элемента, я хочу вызвать меню с помощью сочетания клавиш Мне удалось вызвать диалог …
05 ноя '21 в 22:42
3
ответа
Использование Modal из безголового пользовательского интерфейса в vue3
Я хочу использовать модальный интерфейс без заголовка в vue3, но проблема в том, что я не понимаю, как я могу переключить модальное окно с родительского (App.vue), если модальное окно является компонентом. Я попытался передать опору в Modal.vue, но …
10 ноя '21 в 10:00
0
ответов
Попутный ветер CSS и переход
Я пытаюсь реализовать анимацию с помощью Tailwind CSS и Headless UI. Я пытаюсь установить его, все элементы на навигационной панели исчезают один за другим. Я думал, что смогу добиться этого, добавив задержку перехода и изменив ее для каждого элемен…
21 ноя '21 в 19:25
1
ответ
Невозможно определить переменную во Vue
Я только начинаю использовать VueJS и Tailwind, никогда раньше не использовал ничего, связанного с npm. У меня есть приведенный ниже код, использующий пользовательский интерфейс Tailwind и Headless, который благодаря отладке, я знаю, что я прошел 99…
26 ноя '21 в 18:40
1
ответ
Безголовый пользовательский интерфейс открыть одно из раскрытий при инициализации
У меня проблемы с открытием одного из 2 раскрытий. Ниже прилагается то, что я пытался достичь, и когда я добавляю static prop он держит его открытым бесконечно.
08 дек '21 в 14:37
0
ответов
Как использовать значение слота в том же элементе, который объявил его значением слота в vue 3?
Я использую безголовый пользовательский интерфейс в vue 3, и я хочу, чтобы при раскрытии раскрытия он имел border-primary класс. вот мой текущий код: <div class="w-full px-4 pt-16"> <div class="w-full max-w-4xl p-2 mx-auto bg-white rounded-…
19 дек '21 в 14:33
1
ответ
Как вы имитируете анимацию компонентов Dialog и Transition в @ headlessui / react?
В своих тестах Jest я хотел бы имитировать анимацию компонентов и @headlessui / response, чтобы ускорить мои тесты. В настоящее время я просто прибегаю к await screen.findByнужно дождаться окончания анимации, но время выполнения набора тестов станов…
22 дек '21 в 16:35
2
ответа
Как отобразить раскрывающийся список над модальным окном с помощью Tailwind CSS
Я использую Tailwind CSS и хочу показать белое раскрывающееся меню над модальным окном. Я пробовал использовать z-index но я не могу заставить его работать. Любые идеи? Это мой модальный код: <TransitionRoot as="template" :show="isOpen"> <D…
21 дек '21 в 22:39
1
ответ
Используйте useVirtualList из VueUse для рендеринга компонента Listbox HeadlessUI
Я хочу использовать составной виртуальный скроллер VueUse для рендеринга содержимого списка HeadlessUI . Вот что я пробовал: <Listbox v-model="selectedIcon"> <div class="relative mt-1"> <ListboxButton class="bg-white rounded-lg cursor…
26 дек '21 в 14:55
0
ответов
как вы можете использовать настраиваемый ввод выбора в реакции в форме в laravel? [закрыто]
Я создаю SPA с помощью inertia-reactjs. У меня есть форма с настраиваемым компонентом выбора (headlessui). Мне он нужен для передачи данных на мой сервер Laravel. Кажется, я не могу обойти это стороной. Любая помощь?
29 дек '21 в 17:29
1
ответ
Диалог в Popover в React HeadlessUI
У меня есть панель навигации, которая использует HeadlessUI на мобильном телефоне для гамбургер-меню. По умолчанию это меню закрывается, когда вы щелкаете / фокусируетесь на элементе, которого нет в нем. Сейчас пытаюсь добавить модальный (HeadlessUI…
31 дек '21 в 02:47
1
ответ
MUI 5 + HeadlessUI: невозможно закрыть <DatePicker/> внутри <Dialog/>
Я использую HeadlessUI в сочетании с MUI 5 и столкнулся с проблемой, когда не могу закрыть <DatePicker />всплывающее окно выбора даты при использовании его внутри компонента из HeadlessUI. Поппер должен закрываться, когда я нажимаю в любом мес…
12 янв '22 в 10:52
0
ответов
Использование кнопок «Назад» и «Далее» для перехода между вкладками — headlessUI (версия 1.4.2)
Мы используем компоненты из headlessUI(https://headlessui.dev/react/tabs) в одном из наших реагирующих проектов. Нам нужно поместить кнопки на вкладки компонента вкладок, чтобы мы могли открывать следующую вкладку с помощью кнопки. Подобно этой проб…
12 янв '22 в 12:32