docs: added ring

docs/.vitepress/config.ts

@@ -91,6 +91,7 @@ export default defineConfig({
               { text: 'Circle', link: '/cientos/shapes/circle' },
               { text: 'Cone', link: '/cientos/shapes/cone' },
               { text: 'Plane', link: '/cientos/shapes/plane' },
+              { text: 'Ring', link: '/cientos/shapes/ring' },
               { text: 'Sphere', link: '/cientos/shapes/sphere' },
               { text: 'Torus', link: '/cientos/shapes/torus' },
               { text: 'TorusKnot', link: '/cientos/shapes/torus-knot' },

docs/cientos/shapes/ring.md

@@ -0,0 +1,18 @@
+# Ring
+
+![](/cientos/ring.png)
+
+The `cientos` package provides a `<Ring />` component that serves as a short-cut for a `RingGeometry` and a `MeshBasicMaterial` with a `Mesh` object.
+
+## Usage
+
+```html
+<Ring :args="[0.5, 1, 32]" color="purple" />
+
+// Ring with a custom material transformations
+<Ring ref="ringRef" :args="[0.5, 1, 32]" :position="[2, 4, 0]">
+  <TresMeshToonMaterial color="purple" />
+</Ring>
+```
+
+