feat(react): add component aspect-ratio (#21)

close #19
openlabs-dev · Mar 27, 2024 · 6734f0f · 6734f0f
2 parents 8dabdee + 2841bf1
commit 6734f0f
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -28,9 +28,7 @@ This design system is totally easy to use with the aim of facilitating upcoming
 _General_
 
 - [x] Button
-- [ ] Typography
-- [ ] Icon
-- [ ] Image
+- [x] Aspect Ratio
 - [x] Carousel
 
 _Data Input_

diff --git a/lib/react/package.json b/lib/react/package.json
@@ -21,6 +21,7 @@
   },
   "dependencies": {
     "@desing-system/theme": "workspace:*",
+    "@radix-ui/react-aspect-ratio": "1.0.3",
     "@radix-ui/react-slot": "1.0.2",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.0",

diff --git a/lib/react/src/components/aspect-ratio.tsx b/lib/react/src/components/aspect-ratio.tsx
@@ -0,0 +1,5 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'
+
+const AspectRatio = AspectRatioPrimitive.Root
+
+export { AspectRatio }
diff --git a/lib/react/src/index.ts b/lib/react/src/index.ts
@@ -7,3 +7,4 @@ export * from './components/button'
 export * from './components/alert'
 export * from './components/carousel'
 export * from './components/badge'
+export * from './components/aspect-ratio'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml