| 1 | --- |
| 2 | name: transform-component |
| 3 | description: Scale elements without affecting slide layout using the Transform component |
| 4 | --- |
| 5 | |
| 6 | # Transform Component |
| 7 | |
| 8 | Scale elements without affecting slide layout. |
| 9 | |
| 10 | ## Usage |
| 11 | |
| 12 | ```md |
| 13 | <Transform :scale="0.5" origin="top center"> |
| 14 | <YourElements /> |
| 15 | </Transform> |
| 16 | ``` |
| 17 | |
| 18 | ## Props |
| 19 | |
| 20 | - `scale`: Scale factor (0.5 = 50%, 2 = 200%) |
| 21 | - `origin`: Transform origin (CSS transform-origin value) |
| 22 | |
| 23 | ## Use Cases |
| 24 | |
| 25 | - Shrink large diagrams |
| 26 | - Scale code blocks |
| 27 | - Fit oversized content |
| 28 | - Create emphasis effects |
| 29 | |
| 30 | ## Related Features |
| 31 | |
| 32 | - Scale all slides: Use `canvasWidth` / `aspectRatio` in headmatter |
| 33 | - Scale individual slides: Use `zoom` frontmatter option |
| 34 |