Skip to content

Commit

Permalink
Merge pull request #447 from seneca/patch-39
Browse files Browse the repository at this point in the history
Update content-tags.md
  • Loading branch information
nobkd authored Jan 19, 2025
2 parents b5ac137 + 5d27d08 commit c6cf1a8
Showing 1 changed file with 24 additions and 24 deletions.
48 changes: 24 additions & 24 deletions packages/nuejs.org/docs/content-tags.md
Original file line number Diff line number Diff line change
Expand Up @@ -122,16 +122,16 @@ The `large` and `small` attributes can define images with varying aspect ratios,

[.options]
#### Image options
- `alt` Alternate text for accessibility, describing the image's content.
- `src` Source URL of the image file.
- `caption` Provides context for the image, enhancing user understanding.
- `href` Adds a clickable link to the image, guiding users to related content.
- `large` Specifies the large version of the image, which can differ in aspect ratio from the small version, allowing for creative art direction.
- `loading` Determines the loading behavior: "lazy" enables [lazy loading](https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading) (default value) or "eager" for immediate loading.
- `small` Defines the small version of the image for mobile displays, optimizing visual presentation.
- `offset` Sets the screen size (in pixels) at which the small image switches to the large one, with a default of 750 pixels.
- `size` A shortcut property to provide both width and height simultaneously, formatted as "width x height".
- `width` Specifies the width of the image for precise layout control.
- `alt` Alternate text for accessibility, describing the image's content.
- `src` Source URL of the image file.
- `caption` Provides context for the image, enhancing user understanding.
- `href` Adds a clickable link to the image, guiding users to related content.
- `large` Specifies the large version of the image, which can differ in aspect ratio from the small version, allowing for creative art direction.
- `loading` Determines the loading behavior: "lazy" enables [lazy loading](https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading) (default value) or "eager" for immediate loading.
- `small` Defines the small version of the image for mobile displays, optimizing visual presentation.
- `offset` Sets the screen size (in pixels) at which the small image switches to the large one, with a default of 750 pixels.
- `size` A shortcut property to provide both width and height simultaneously, formatted as "width x height".
- `width` Specifies the width of the image for precise layout control.

### HTML output

Expand Down Expand Up @@ -212,14 +212,14 @@ Options can also be specified using YAML for enhanced organization:
[.options]
#### Video options

- `autoplay` Starts the video when the page loads, providing an engaging experience right away. Must be used together with `muted` for autoplay to work across all browsers.
- `controls` Displays the built-in video controls provided by the browser, allowing users to play, pause, and adjust the volume.
- `loop` Makes the video restart automatically after it reaches the end, which is useful for continuous playback in presentations or promotional content.
- `muted` Plays the video without sound, enabling autoplay in browsers that restrict sound playback.
- `poster` A URL for an image that will be displayed before the video begins playing, giving users a preview of the content.
- `preload` Provides a [hint to the browser](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#preload) about whether to load the video data before the user plays it.
- `src` Specifies the URL to the video file, directing the browser to where it can retrieve the video content.
- `width` Determines the width of the video player, allowing for precise control over the layout.
- `autoplay` Starts the video when the page loads, providing an engaging experience right away. Must be used together with `muted` for autoplay to work across all browsers.
- `controls` Displays the built-in video controls provided by the browser, allowing users to play, pause, and adjust the volume.
- `loop` Makes the video restart automatically after it reaches the end, which is useful for continuous playback in presentations or promotional content.
- `muted` Plays the video without sound, enabling autoplay in browsers that restrict sound playback.
- `poster` A URL for an image that will be displayed before the video begins playing, giving users a preview of the content.
- `preload` Provides a [hint to the browser](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#preload) about whether to load the video data before the user plays it.
- `src` Specifies the URL to the video file, directing the browser to where it can retrieve the video content.
- `width` Determines the width of the video player, allowing for precise control over the layout.

### HTML output

Expand Down Expand Up @@ -380,10 +380,10 @@ This allows you to render tables dynamically based on the structured data availa
[.options]
#### Table options

- `caption` Defines a caption for the table, which appears above the table in HTML.
- `head` Determines whether the first row should be rendered as a table head (`<th>` elements). The default is `true`.
- `:items` Specifies the property name for externally defined table data that should be rendered.
- `wrapper` Wraps the table inside a parent element with a class name specified on this property, typically used for adding colored backgrounds or other design elements from your design system.
- `caption` Defines a caption for the table, which appears above the table in HTML.
- `head` Determines whether the first row should be rendered as a table head (`<th>` elements). The default is `true`.
- `:items` Specifies the property name for externally defined table data that should be rendered.
- `wrapper` Wraps the table inside a parent element with a class name specified on this property, typically used for adding colored backgrounds or other design elements from your design system.


### HTML output
Expand Down Expand Up @@ -479,8 +479,8 @@ Accordions can be customized with various options to control their behavior and
[.options]
#### Accordion options

- `name` Use this to name individual entries. When supplied, only one entry can be open at a time, ensuring a true accordion effect.
- `open` Set the initial state of the accordion. Use this to open the first tab by default or provide a numeric value for a specific item to be initially opened.
- `name` Use this to name individual entries. When supplied, only one entry can be open at a time, ensuring a true accordion effect.
- `open` Set the initial state of the accordion. Use this to open the first tab by default or provide a numeric value for a specific item to be initially opened.


### HTML output
Expand Down

0 comments on commit c6cf1a8

Please sign in to comment.