From 61ce87e04d8c3cc05aa5978e0a83fb92c8ff5980 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 24 Feb 2024 10:26:51 -0800
Subject: [PATCH] docs(code-snippet): add "Custom show more/less text" example

---
 docs/src/pages/components/CodeSnippet.svx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/src/pages/components/CodeSnippet.svx b/docs/src/pages/components/CodeSnippet.svx
index 67845b9b..b5d78490 100644
--- a/docs/src/pages/components/CodeSnippet.svx
+++ b/docs/src/pages/components/CodeSnippet.svx
@@ -94,6 +94,12 @@ Only multi-line code snippets have a "Show more" button by default. Set `showMor
 
 <CodeSnippet type="multi" {code} hideCopyButton showMoreLess={false} />
 
+## Custom show more/less text
+
+Use the `showMoreText` and `showLessText` props to override the default "Show more" and "Show less" button text.
+
+<CodeSnippet type="multi" {code} showMoreText="Expand" showLessText="Collapse" />
+
 ## Disabled
 
 The `disabled` prop applies only to the `"single"` and `"multi"` code snippet types.