Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@interop-ui/react-aspect-ratio

Package Overview
Dependencies
Maintainers
4
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@interop-ui/react-aspect-ratio - npm Package Compare versions

Comparing version 0.0.1-14 to 0.0.1-15

6

package.json
{
"name": "@interop-ui/react-aspect-ratio",
"version": "0.0.1-14",
"version": "0.0.1-15",
"license": "MIT",

@@ -20,4 +20,4 @@ "source": "src/index.ts",

"dependencies": {
"@interop-ui/react-polymorphic": "0.0.1-1",
"@interop-ui/utils": "0.0.1-6"
"@interop-ui/react-polymorphic": "0.0.1-2",
"@interop-ui/utils": "0.0.1-7"
},

@@ -24,0 +24,0 @@ "devDependencies": {

@@ -13,17 +13,2 @@ # `react-aspect-ratio`

```js
import * as React from 'react';
import { AspectRatio } from '@interop-ui/react-aspect-ratio';
function MyComponent() {
return (
<AspectRatio ratio={2 / 1}>
<img
src="https://picsum.photos/id/10/400/600"
alt=""
style={{ objectFit: 'cover', width: '100%', height: '100%' }}
/>
</AspectRatio>
);
}
```
View docs [here](https://radix-ui.com/primitives/docs/components/aspect-ratio).
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc