Skip to content

Commit

Permalink
Fix incorrect link and table
Browse files Browse the repository at this point in the history
  • Loading branch information
@jonniebigodes
jonniebigodes committed Aug 3, 2024
1 parent 133c71c commit f4bb5a9
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 35 deletions.
2 changes: 1 addition & 1 deletion docs/api/main-config/main-config-features.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ Filter args with a "target" on the type from the render function.

Type: `boolean`

Configures the [Viewports addon](../../essentials/viewports.mdx) to opt-in to the new story globals API for configuring viewports.
Configures the [Viewports addon](../../essentials/viewport.mdx) to opt-in to the new story globals API for configuring viewports.

{/* prettier-ignore-start */}

Expand Down
67 changes: 33 additions & 34 deletions docs/essentials/viewport.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,40 +80,39 @@ Adjust your stories to opt-in to the new story globals API using the `global` co
### Use a detailed set of devices

The Viewport addon includes a selection of devices that you can use to test your components. Listed below are the available devices and examples of how to use them.

| Device | Description | Value | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px) |
| -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------------------------------------------------------------------------------- |
| iPhone 5 | Configures the iPhone 5 as a device for the Viewport addon. | `iphone5` | 320 × 568 |
| iPhone 6 | Enables the iPhone 6 to be used with the Viewport addon. | `iphone6` | 375 × 667 |
| iPhone 6 Plus | Includes the iPhone 6 Plus as a device for the Viewport addon. | `iphone6p` | 414 × 736 |
| iPhone 8 Plus | Sets the iPhone 8 Plus as a device to be used by the Viewport addon. | `iphone8p` | 414 × 736 |
| iPhone X | Configures the iPhone X as a device for the Viewport addon. | `iphonex` | 375 × 812 |
| iPhone XR | Includes the iPhone XR as a device for the Viewport addon. | `iphonexr` | 414 × 896 |
| iPhone XS Max | Sets the iPhone XS Max as a device to be used by the Viewport addon. | `iphonexsmax` | 414 × 896 |
| iPhone SE (2nd generation) | Configures the iPhone SE (2nd generation) as a device for the Viewport addon. | `iphonese2` | 375 × 667 |
| iPhone 12 mini | Enables the iPhone 12 Mini to be used with the Viewport addon. | `iphone12mini` | 375 × 812 |
| iPhone 12 | Includes the iPhone 12 as a device for the Viewport addon. | `iphone12` | 390 × 844 |
| iPhone 12 Pro Max | Configures the iPhone 12 Pro Max as a device for the Viewport addon. | `iphone12promax` | 428 × 926 |
| iPhone SE 3rd generation | Enables the iPhone SE (3rd generation) to be used with the Viewport addon. | `iphoneSE3` | 375 × 667 |
| iPhone 13 | Includes the iPhone 13 as a device for the Viewport addon. | `iphone13` | 390 × 844 |
| iPhone 13 Pro | Enables the iPhone 13 Pro to be used with the Viewport addon. | `iphone13pro` | 390 × 844 |
| iPhone 13 Pro Max | Configures the iPhone 13 Pro Max as a device to be used by the Viewport addon. | `iphone13promax` | 428 × 926 |
| iPhone 14 | Enables the iPhone 14 to be used with the Viewport addon. | `iphone14` | 390 × 844 |
| iPhone 14 Pro | Includes the iPhone 14 Pro as a device for the Viewport addon. | `iphone14pro` | 393 × 852 |
| iPhone 14 Pro Max | Sets the iPhone 14 Pro Max as a device to be used by the Viewport addon. | `iphone14promax` | 430 × 932 |
| Galaxy S5 | Configures the Galaxy S5 as a device for the Viewport addon. | `galaxys5` | 360 × 640 |
| Galaxy S9 | Enables the Galaxy S9 to be used with the Viewport addon. | `galaxys9` | 360 × 740 |
| Nexus 5X | Includes the Nexus 5x as a device for the Viewport addon. | `nexus5x` | 412 × 668 |
| Nexus 6P | Sets the Nexus 6P as a device to be used by the Viewport addon. | `nexus6p` | 412 × 732 |
| Pixel | Configures the Pixel as a device for the Viewport addon. | `pixel` | 540 × 960 |
| Pixel XL | Enables the Pixel XL to be used with the Viewport addon. | `pixelxl` | 720 × 1280 |
| Small mobile | Enabled by default.<br />Configures a small form factor generic mobile device to be used by the Viewport addon. | `mobile1` | 320 × 568 |
| Large mobile | Enabled by default.<br />Configures a large form factor mobile device to be used by the Viewport addon. | `mobile2` | 414 × 896 |
| iPad | Includes the iPad as a device for the Viewport addon. | `ipad` | 768 × 1024 |
| iPad Pro 10.5-in | Enables the iPad Pro (10.5-inch) to be used with the Viewport addon. | `ipad10p` | 834 × 112 |
| iPad Pro 11-in | Configures the iPad Pro (11-inch) as a device for the Viewport addon. | `ipad11p` | 834 × 1194 |
| iPad Pro 12.9-in | Sets the iPad Pro (12.9-inch) as a device to be used by the Viewport addon. | `ipad12p` | 1024 × 1366 |
| Tablet | Enabled by default.<br />Configures a standard form factor tablet device to be used by the Viewport addon. | `tablet` | 834 × 1112 |
| Device | Description | Value | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px) |
| -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------------------------------------------------------------------------------- |
| iPhone 5 | Configures the iPhone 5 as a device for the Viewport addon. | `iphone5` | 320 × 568 |
| iPhone 6 | Enables the iPhone 6 to be used with the Viewport addon. | `iphone6` | 375 × 667 |
| iPhone 6 Plus | Includes the iPhone 6 Plus as a device for the Viewport addon. | `iphone6p` | 414 × 736 |
| iPhone 8 Plus | Sets the iPhone 8 Plus as a device to be used by the Viewport addon. | `iphone8p` | 414 × 736 |
| iPhone X | Configures the iPhone X as a device for the Viewport addon. | `iphonex` | 375 × 812 |
| iPhone XR | Includes the iPhone XR as a device for the Viewport addon. | `iphonexr` | 414 × 896 |
| iPhone XS Max | Sets the iPhone XS Max as a device to be used by the Viewport addon. | `iphonexsmax` | 414 × 896 |
| iPhone SE (2nd generation) | Configures the iPhone SE (2nd generation) as a device for the Viewport addon. | `iphonese2` | 375 × 667 |
| iPhone 12 mini | Enables the iPhone 12 Mini to be used with the Viewport addon. | `iphone12mini` | 375 × 812 |
| iPhone 12 | Includes the iPhone 12 as a device for the Viewport addon. | `iphone12` | 390 × 844 |
| iPhone 12 Pro Max | Configures the iPhone 12 Pro Max as a device for the Viewport addon. | `iphone12promax` | 428 × 926 |
| iPhone SE 3rd generation | Enables the iPhone SE (3rd generation) to be used with the Viewport addon. | `iphoneSE3` | 375 × 667 |
| iPhone 13 | Includes the iPhone 13 as a device for the Viewport addon. | `iphone13` | 390 × 844 |
| iPhone 13 Pro | Enables the iPhone 13 Pro to be used with the Viewport addon. | `iphone13pro` | 390 × 844 |
| iPhone 13 Pro Max | Configures the iPhone 13 Pro Max as a device to be used by the Viewport addon. | `iphone13promax` | 428 × 926 |
| iPhone 14 | Enables the iPhone 14 to be used with the Viewport addon. | `iphone14` | 390 × 844 |
| iPhone 14 Pro | Includes the iPhone 14 Pro as a device for the Viewport addon. | `iphone14pro` | 393 × 852 |
| iPhone 14 Pro Max | Sets the iPhone 14 Pro Max as a device to be used by the Viewport addon. | `iphone14promax` | 430 × 932 |
| Galaxy S5 | Configures the Galaxy S5 as a device for the Viewport addon. | `galaxys5` | 360 × 640 |
| Galaxy S9 | Enables the Galaxy S9 to be used with the Viewport addon. | `galaxys9` | 360 × 740 |
| Nexus 5X | Includes the Nexus 5x as a device for the Viewport addon. | `nexus5x` | 412 × 668 |
| Nexus 6P | Sets the Nexus 6P as a device to be used by the Viewport addon. | `nexus6p` | 412 × 732 |
| Pixel | Configures the Pixel as a device for the Viewport addon. | `pixel` | 540 × 960 |
| Pixel XL | Enables the Pixel XL to be used with the Viewport addon. | `pixelxl` | 720 × 1280 |
| Small mobile | Enabled by default.<br />Configures a small form factor generic mobile device to be used by the Viewport addon. | `mobile1` | 320 × 568 |
| Large mobile | Enabled by default.<br />Configures a large form factor mobile device to be used by the Viewport addon. | `mobile2` | 414 × 896 |
| iPad | Includes the iPad as a device for the Viewport addon. | `ipad` | 768 × 1024 |
| iPad Pro 10.5-in | Enables the iPad Pro (10.5-inch) to be used with the Viewport addon. | `ipad10p` | 834 × 112 |
| iPad Pro 11-in | Configures the iPad Pro (11-inch) as a device for the Viewport addon. | `ipad11p` | 834 × 1194 |
| iPad Pro 12.9-in | Sets the iPad Pro (12.9-inch) as a device to be used by the Viewport addon. | `ipad12p` | 1024 × 1366 |
| Tablet | Enabled by default.<br />Configures a standard form factor tablet device to be used by the Viewport addon. | `tablet` | 834 × 1112 |

{/* prettier-ignore-start */}

Expand Down

0 comments on commit f4bb5a9

Please sign in to comment.