From d9925d8aca08d9c475568a57cc40f4e8c38855d4 Mon Sep 17 00:00:00 2001
From: Aron <i@aron.tw>
Date: Mon, 6 May 2024 14:46:01 +0800
Subject: [PATCH] Update README.md

---
 README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/README.md b/README.md
index 9d270f8..bc2c012 100644
--- a/README.md
+++ b/README.md
@@ -232,6 +232,20 @@ return (
 <p class="a">A</p>
 <p class="a b">B</p>
 ```
+It also supports client components, taking Next.js’s `Link` as an example:
+```tsx
+'use client'
+
+import styled from '@master/styled.react';
+import Link from 'next/link';
+
+const Button = styled(Link)`inline-flex text:center`
+
+return (
+    <Button>Submit</Button>
+)
+```
+> ⚠️ If the extended target contains client components, the `'use client'` directive is required.
 
 ### Change an element's tag name
 Changing the original tag name of an element, such as `<button>` to `<a>`. Left empty '' even if there are no additional classes.