Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 5b17751

Browse files
feat(components): extend native HTML attributes (#5348)
Co-authored-by: Sandro Circi <[email protected]>
1 parent f4559e3 commit 5b17751

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+435
-238
lines changed

docs/app/components/content/examples/marquee/MarqueeTestimonials.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<script setup lang="ts">
2-
const testimonials = [{
2+
import type { UserProps } from '@nuxt/ui'
3+
4+
const testimonials: { user: UserProps, quote: string }[] = [{
35
user: {
46
name: 'Anthony Bettini',
57
description: 'CEO and founder of VulnCheck',

docs/content/docs/2.components/auth-form.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -367,6 +367,10 @@ collapse: true
367367

368368
:component-props
369369

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+
370374
### Slots
371375

372376
:component-slots

docs/content/docs/2.components/avatar.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,10 @@ You can use a CSS mask to display an Avatar with a custom shape instead of a sim
131131

132132
:component-props
133133

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+
134138
## Theme
135139

136140
:component-theme

docs/content/docs/2.components/button.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -344,6 +344,10 @@ slots:
344344

345345
:component-props
346346

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+
347351
::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v4/src/runtime/components/Link.vue#L13"}
348352
The `Button` component extends the `Link` component. Check out the source code on GitHub.
349353
::

docs/content/docs/2.components/chat-prompt-submit.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,10 @@ function onSubmit() {
298298

299299
:component-props
300300

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+
301305
### Slots
302306

303307
:component-slots

docs/content/docs/2.components/chat-prompt.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,10 @@ async function onSubmit() {
178178

179179
:component-props
180180

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+
181185
### Slots
182186

183187
:component-slots

docs/content/docs/2.components/checkbox.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -227,6 +227,10 @@ props:
227227

228228
:component-props
229229

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+
230234
### Slots
231235

232236
:component-slots

docs/content/docs/2.components/color-mode-avatar.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,10 @@ Switch between light and dark mode to see the different images: :u-color-mode-se
3535

3636
:component-props
3737

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+
3842
## Changelog
3943

4044
:component-changelog{prefix="color-mode"}

docs/content/docs/2.components/color-mode-button.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,10 @@ slots:
9595

9696
:component-props
9797

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+
98102
### Slots
99103

100104
:component-slots

docs/content/docs/2.components/color-mode-image.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,10 @@ Switch between light and dark mode to see the different images: :u-color-mode-se
3636

3737
:component-props
3838

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+
3943
## Changelog
4044

4145
:component-changelog{prefix="color-mode"}

0 commit comments

Comments
 (0)