GitHub

File tree

docs
- app/components/content/examples/marquee
- content/docs/2.components
playgrounds
- nuxt
  - app
    - pages/components
- vue/src
src/runtime
- components
  - color-mode
  - content
  - locale
- inertia/components
- types
- utils
- vue/components
  - color-mode
test/utils

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
`1`	`1`	`<script setup lang="ts">`
`2`		`-const testimonials = [{`
	`2`	`+import type { UserProps } from '@nuxt/ui'`
	`3`	`+`
	`4`	`+const testimonials: { user: UserProps, quote: string }[] = [{`
`3`	`5`	`user: {`
`4`	`6`	`name: 'Anthony Bettini',`
`5`	`7`	`description: 'CEO and founder of VulnCheck',`

Original file line number	Diff line number	Diff line change
`@@ -367,6 +367,10 @@ collapse: true`
`367`	`367`
`368`	`368`	`:component-props`
`369`	`369`
	`370`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attributes" target="_blank"}`
	`371`	+This component also supports all native `<form>` HTML attributes.
	`372`	`+::`
	`373`	`+`
`370`	`374`	`### Slots`
`371`	`375`
`372`	`376`	`:component-slots`

Original file line number	Diff line number	Diff line change
`@@ -131,6 +131,10 @@ You can use a CSS mask to display an Avatar with a custom shape instead of a sim`
`131`	`131`
`132`	`132`	`:component-props`
`133`	`133`
	`134`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes" target="_blank"}`
	`135`	+This component also supports all native `<img>` HTML attributes.
	`136`	`+::`
	`137`	`+`
`134`	`138`	`## Theme`
`135`	`139`
`136`	`140`	`:component-theme`

Original file line number	Diff line number	Diff line change
`@@ -344,6 +344,10 @@ slots:`
`344`	`344`
`345`	`345`	`:component-props`
`346`	`346`
	`347`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attributes" target="_blank"}`
	`348`	+This component also supports all native `<button>` HTML attributes.
	`349`	`+::`
	`350`	`+`
`347`	`351`	`::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v4/src/runtime/components/Link.vue#L13"}`
`348`	`352`	The `Button` component extends the `Link` component. Check out the source code on GitHub.
`349`	`353`	`::`

Original file line number	Diff line number	Diff line change
`@@ -298,6 +298,10 @@ function onSubmit() {`
`298`	`298`
`299`	`299`	`:component-props`
`300`	`300`
	`301`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attributes" target="_blank"}`
	`302`	+This component also supports all native `<button>` HTML attributes.
	`303`	`+::`
	`304`	`+`
`301`	`305`	`### Slots`
`302`	`306`
`303`	`307`	`:component-slots`

Original file line number	Diff line number	Diff line change
`@@ -178,6 +178,10 @@ async function onSubmit() {`
`178`	`178`
`179`	`179`	`:component-props`
`180`	`180`
	`181`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes" target="_blank"}`
	`182`	+This component also supports all native `<textarea>` HTML attributes.
	`183`	`+::`
	`184`	`+`
`181`	`185`	`### Slots`
`182`	`186`
`183`	`187`	`:component-slots`

Original file line number	Diff line number	Diff line change
`@@ -227,6 +227,10 @@ props:`
`227`	`227`
`228`	`228`	`:component-props`
`229`	`229`
	`230`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attributes" target="_blank"}`
	`231`	+This component also supports all native `<button>` HTML attributes.
	`232`	`+::`
	`233`	`+`
`230`	`234`	`### Slots`
`231`	`235`
`232`	`236`	`:component-slots`

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,10 @@ Switch between light and dark mode to see the different images: :u-color-mode-se`
`35`	`35`
`36`	`36`	`:component-props`
`37`	`37`
	`38`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes" target="_blank"}`
	`39`	+This component also supports all native `<img>` HTML attributes.
	`40`	`+::`
	`41`	`+`
`38`	`42`	`## Changelog`
`39`	`43`
`40`	`44`	`:component-changelog{prefix="color-mode"}`

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,10 @@ slots:`
`95`	`95`
`96`	`96`	`:component-props`
`97`	`97`
	`98`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attributes" target="_blank"}`
	`99`	+This component also supports all native `<button>` HTML attributes.
	`100`	`+::`
	`101`	`+`
`98`	`102`	`### Slots`
`99`	`103`
`100`	`104`	`:component-slots`

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,10 @@ Switch between light and dark mode to see the different images: :u-color-mode-se`
`36`	`36`
`37`	`37`	`:component-props`
`38`	`38`
	`39`	`+::callout{icon="i-simple-icons-mdnwebdocs" to="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes" target="_blank"}`
	`40`	+This component also supports all native `<img>` HTML attributes.
	`41`	`+::`
	`42`	`+`
`39`	`43`	`## Changelog`
`40`	`44`
`41`	`45`	`:component-changelog{prefix="color-mode"}`

Read the original on github.com ↗