diff --git a/packages/filigran-ui/src/components/servers/index.ts b/packages/filigran-ui/src/components/servers/index.ts
index 0e8f73f..b2fabd5 100644
--- a/packages/filigran-ui/src/components/servers/index.ts
+++ b/packages/filigran-ui/src/components/servers/index.ts
@@ -5,3 +5,4 @@ export * from './card'
 export * from './input'
 export * from './badge'
 export * from './multi-select'
+export * from './textarea'
diff --git a/packages/filigran-ui/src/components/servers/textarea.tsx b/packages/filigran-ui/src/components/servers/textarea.tsx
new file mode 100644
index 0000000..2bb03de
--- /dev/null
+++ b/packages/filigran-ui/src/components/servers/textarea.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react'
+import {cn} from '../../lib/utils'
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({className, ...props}, ref) => {
+    return (
+      <textarea
+        className={cn(
+          'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = 'Textarea'
+
+export {Textarea}
diff --git a/projects/filigran-website/components/example/example-table.tsx b/projects/filigran-website/components/example/example-table.tsx
deleted file mode 100644
index adb9ba6..0000000
--- a/projects/filigran-website/components/example/example-table.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from 'filigran-ui'
-
-const invoices = [
-  {
-    invoice: 'INV001',
-    paymentStatus: 'Paid',
-    totalAmount: '$250.00',
-    paymentMethod: 'Credit Card',
-  },
-  {
-    invoice: 'INV002',
-    paymentStatus: 'Pending',
-    totalAmount: '$150.00',
-    paymentMethod: 'PayPal',
-  },
-  {
-    invoice: 'INV003',
-    paymentStatus: 'Unpaid',
-    totalAmount: '$350.00',
-    paymentMethod: 'Bank Transfer',
-  },
-  {
-    invoice: 'INV004',
-    paymentStatus: 'Paid',
-    totalAmount: '$450.00',
-    paymentMethod: 'Credit Card',
-  },
-  {
-    invoice: 'INV005',
-    paymentStatus: 'Paid',
-    totalAmount: '$550.00',
-    paymentMethod: 'PayPal',
-  },
-  {
-    invoice: 'INV006',
-    paymentStatus: 'Pending',
-    totalAmount: '$200.00',
-    paymentMethod: 'Bank Transfer',
-  },
-  {
-    invoice: 'INV007',
-    paymentStatus: 'Unpaid',
-    totalAmount: '$300.00',
-    paymentMethod: 'Credit Card',
-  },
-]
-
-export function ExampleTable() {
-  return (
-    <Table>
-      <TableCaption>A list of your recent invoices.</TableCaption>
-      <TableHeader>
-        <TableRow>
-          <TableHead className="w-[100px]">Invoice</TableHead>
-          <TableHead>Status</TableHead>
-          <TableHead>Method</TableHead>
-          <TableHead className="text-right">Amount</TableHead>
-        </TableRow>
-      </TableHeader>
-      <TableBody>
-        {invoices.map((invoice) => (
-          <TableRow key={invoice.invoice}>
-            <TableCell className="font-medium">{invoice.invoice}</TableCell>
-            <TableCell>{invoice.paymentStatus}</TableCell>
-            <TableCell>{invoice.paymentMethod}</TableCell>
-            <TableCell className="text-right">{invoice.totalAmount}</TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-      <TableFooter>
-        <TableRow>
-          <TableCell colSpan={3}>Total</TableCell>
-          <TableCell className="text-right">$2,500.00</TableCell>
-        </TableRow>
-      </TableFooter>
-    </Table>
-  )
-}
diff --git a/projects/filigran-website/components/mdx-component.tsx b/projects/filigran-website/components/mdx-component.tsx
index d0267b5..a3bc38d 100644
--- a/projects/filigran-website/components/mdx-component.tsx
+++ b/projects/filigran-website/components/mdx-component.tsx
@@ -7,7 +7,6 @@ import * as FiligranUIComponent from 'filigran-ui'
 import * as FiligranIcon from 'filigran-icon'
 import * as LucidIcon from 'lucide-react'
 import {DisplayAllIcons} from '@/components/display-all-icons'
-import {ExampleTable} from '@/components/example/example-table'
 import {ExampleDataTable} from '@/components/example/example-data-table'
 import {ExampleMultiSelect} from '@/components/example/example-multi-select'
 import {ExampleCombobox} from '@/components/example/example-combobox'
@@ -27,7 +26,6 @@ const components = {
   ...FiligranIcon,
   ReactLiveDisplay: ReactLiveDisplay,
   DisplayAllIcons: DisplayAllIcons,
-  ExampleTable: ExampleTable,
   ExampleDataTable: ExampleDataTable,
   ExampleMultiSelect: ExampleMultiSelect,
   ExampleCombobox: ExampleCombobox,
diff --git a/projects/filigran-website/content/docs/components/textarea.mdx b/projects/filigran-website/content/docs/components/textarea.mdx
new file mode 100644
index 0000000..ab3f347
--- /dev/null
+++ b/projects/filigran-website/content/docs/components/textarea.mdx
@@ -0,0 +1,21 @@
+---
+title: Textarea
+---
+
+## Example
+
+<Textarea
+    placeholder="Example Cheese and wine halloumi fromage frais. Manchego cheesy feet rubber cheese cheeseburger edam squirty cheese cheese and wine st. agur blue cheese. Cheese and biscuits dolcelatte feta parmesan feta red leicester cheese and wine queso. Cow squirty cheese cheese on toast emmental cheesecake.
+
+        Mozzarella cut the cheese cheesecake. Cheesy feet gouda fromage manchego cheeseburger gouda queso hard cheese. Rubber cheese paneer queso stinking bishop stinking bishop say cheese cheese and biscuits say cheese. Pepper jack goat who moved my cheese bavarian bergkase fondue rubber cheese.
+
+        Roquefort when the cheese comes out everybody's happy cheese strings. Stilton lancashire smelly cheese bavarian bergkase say cheese the big cheese airedale emmental. Fromage roquefort say cheese fromage frais cheesy feet monterey jack when the cheese comes out everybody's happy smelly cheese. Stinking bishop bocconcini manchego red leicester airedale ricotta."
+/>
+## Playground
+
+<ReactLiveDisplay
+    codeExample={`
+          <div className={tw(\`flex gap-2\`)}>
+            <Textarea placeholder="Insert your paragraph here" />
+          </div>`}
+/>
\ No newline at end of file