Updated AspectRatio documentation

This commit is contained in:
mabentley85 2024-04-02 15:49:32 -07:00
commit 3bdb9baa8a
4 changed files with 8 additions and 10 deletions

View file

@ -257,8 +257,8 @@ None.
### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------ |
| ratio | No | <code>let</code> | No | <code>"2x1" &#124; "2x3" &#124; "16x9" &#124; "4x3" &#124; "1x1" &#124; "3x4" &#124; "3x2" &#124; "9x16" &#124; "1x2"</code> | <code>"2x1"</code> | Specify the aspect ratio |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
| ratio | No | <code>let</code> | No | <code>"2x1" &#124; "2x3" &#124; "16x9" &#124; "4x3" &#124; "1x1" &#124; "3x4" &#124; "3x2" &#124; "9x16" &#124; "1x2"</code> | <code>"2x1"</code> | Specify the ratio to be used by the aspect ratio container.<br />This will determine what aspect ratio your content will be displayed in. |
### Slots

View file

@ -25,7 +25,7 @@
}
},
"..": {
"version": "1.0.0-next.0",
"version": "1.0.0-next.1",
"dev": true,
"license": "Apache-2.0",
"dependencies": {

View file

@ -228,7 +228,7 @@
{
"name": "ratio",
"kind": "let",
"description": "Specify the aspect ratio",
"description": "Specify the ratio to be used by the aspect ratio container.\nThis will determine what aspect ratio your content will be displayed in.",
"type": "\"2x1\" | \"2x3\" | \"16x9\" | \"4x3\" | \"1x1\" | \"3x4\" | \"3x2\" | \"9x16\" | \"1x2\"",
"value": "\"2x1\"",
"isFunction": false,

View file

@ -1,11 +1,9 @@
import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
type RestProps = SvelteHTMLElements["div"];
export interface AspectRatioProps extends RestProps {
export interface AspectRatioProps {
/**
* Specify the aspect ratio
* Specify the ratio to be used by the aspect ratio container.
* This will determine what aspect ratio your content will be displayed in.
* @default "2x1"
*/
ratio?: