mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-28 10:50:40 +01:00
docs: update headlessui.com broken urls
This commit is contained in:
@@ -3,7 +3,7 @@ description: Display togglable accordion panels.
|
|||||||
links:
|
links:
|
||||||
- label: Disclosure
|
- label: Disclosure
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/disclosure'
|
to: 'https://headlessui.com/v1/vue/disclosure'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ description: Add a customizable command palette to your app.
|
|||||||
links:
|
links:
|
||||||
- label: 'Combobox'
|
- label: 'Combobox'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/combobox'
|
to: 'https://headlessui.com/v1/vue/combobox'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ description: Display a list of actions in a dropdown menu.
|
|||||||
links:
|
links:
|
||||||
- label: Menu
|
- label: Menu
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: https://headlessui.com/vue/menu
|
to: https://headlessui.com/v1/vue/menu
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Dropdown.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Dropdown.vue
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ description: Display an autocomplete input with real-time suggestions.
|
|||||||
links:
|
links:
|
||||||
- label: 'Combobox'
|
- label: 'Combobox'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/combobox'
|
to: 'https://headlessui.com/v1/vue/combobox'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/InputMenu.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/InputMenu.vue
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ description: Display a modal within your application.
|
|||||||
links:
|
links:
|
||||||
- label: 'Dialog'
|
- label: 'Dialog'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/dialog'
|
to: 'https://headlessui.com/v1/vue/dialog'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Modal.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Modal.vue
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ description: Display a non-modal dialog that floats around a trigger element.
|
|||||||
links:
|
links:
|
||||||
- label: 'Popover'
|
- label: 'Popover'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/popover'
|
to: 'https://headlessui.com/v1/vue/popover'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Popover.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Popover.vue
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ description: Display a select menu with advanced features.
|
|||||||
links:
|
links:
|
||||||
- label: 'Listbox'
|
- label: 'Listbox'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/listbox'
|
to: 'https://headlessui.com/v1/vue/listbox'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue
|
||||||
@@ -87,7 +87,7 @@ Use the `searchable` prop to enable search.
|
|||||||
|
|
||||||
Use the `searchable-placeholder` prop to set a different placeholder.
|
Use the `searchable-placeholder` prop to set a different placeholder.
|
||||||
|
|
||||||
This will use Headless UI [Combobox](https://headlessui.com/vue/combobox) component instead of [Listbox](https://headlessui.com/vue/listbox).
|
This will use Headless UI [Combobox](https://headlessui.com/v1/vue/combobox) component instead of [Listbox](https://headlessui.com/v1/vue/listbox).
|
||||||
|
|
||||||
::component-card
|
::component-card
|
||||||
---
|
---
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ description: Display a dialog that slides in from the edge of the screen.
|
|||||||
links:
|
links:
|
||||||
- label: 'Dialog'
|
- label: 'Dialog'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/dialog'
|
to: 'https://headlessui.com/v1/vue/dialog'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Slideover.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Slideover.vue
|
||||||
|
|||||||
@@ -255,7 +255,7 @@ componentProps:
|
|||||||
::
|
::
|
||||||
|
|
||||||
::callout{icon="i-heroicons-light-bulb"}
|
::callout{icon="i-heroicons-light-bulb"}
|
||||||
You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/vue/combobox#binding-objects-as-values).
|
You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/v1/vue/combobox#binding-objects-as-values).
|
||||||
::
|
::
|
||||||
|
|
||||||
You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument.
|
You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument.
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ description: Display a toggle field.
|
|||||||
links:
|
links:
|
||||||
- label: 'Switch'
|
- label: 'Switch'
|
||||||
icon: i-simple-icons-headlessui
|
icon: i-simple-icons-headlessui
|
||||||
to: 'https://headlessui.com/vue/switch'
|
to: 'https://headlessui.com/v1/vue/switch'
|
||||||
- label: GitHub
|
- label: GitHub
|
||||||
icon: i-simple-icons-github
|
icon: i-simple-icons-github
|
||||||
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Toggle.vue
|
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Toggle.vue
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ export default {
|
|||||||
overlay: {
|
overlay: {
|
||||||
base: 'fixed inset-0 transition-opacity',
|
base: 'fixed inset-0 transition-opacity',
|
||||||
background: 'bg-gray-200/75 dark:bg-gray-800/75',
|
background: 'bg-gray-200/75 dark:bg-gray-800/75',
|
||||||
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
|
||||||
transition: {
|
transition: {
|
||||||
enter: 'ease-out duration-300',
|
enter: 'ease-out duration-300',
|
||||||
enterFrom: 'opacity-0',
|
enterFrom: 'opacity-0',
|
||||||
@@ -25,7 +25,7 @@ export default {
|
|||||||
width: 'w-full sm:max-w-lg',
|
width: 'w-full sm:max-w-lg',
|
||||||
height: '',
|
height: '',
|
||||||
fullscreen: 'w-screen h-screen',
|
fullscreen: 'w-screen h-screen',
|
||||||
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
|
||||||
transition: {
|
transition: {
|
||||||
enter: 'ease-out duration-300',
|
enter: 'ease-out duration-300',
|
||||||
enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
|
enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ export default {
|
|||||||
overlay: {
|
overlay: {
|
||||||
base: 'fixed inset-0 transition-opacity',
|
base: 'fixed inset-0 transition-opacity',
|
||||||
background: 'bg-gray-200/75 dark:bg-gray-800/75',
|
background: 'bg-gray-200/75 dark:bg-gray-800/75',
|
||||||
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
|
||||||
transition: {
|
transition: {
|
||||||
enter: 'ease-in-out duration-500',
|
enter: 'ease-in-out duration-500',
|
||||||
enterFrom: 'opacity-0',
|
enterFrom: 'opacity-0',
|
||||||
@@ -28,7 +28,7 @@ export default {
|
|||||||
top: '-translate-y-full',
|
top: '-translate-y-full',
|
||||||
bottom: 'translate-y-full'
|
bottom: 'translate-y-full'
|
||||||
},
|
},
|
||||||
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
|
||||||
transition: {
|
transition: {
|
||||||
enter: 'transform transition ease-in-out duration-300',
|
enter: 'transform transition ease-in-out duration-300',
|
||||||
leave: 'transform transition ease-in-out duration-200'
|
leave: 'transform transition ease-in-out duration-200'
|
||||||
|
|||||||
Reference in New Issue
Block a user