fix: link and icon position on header doc page (#8034)

VKCOM · Dec 3, 2024 · cc0a49e · cc0a49e
1 parent ceafdfe
commit cc0a49e
Showing 1 changed file with 9 additions and 36 deletions.
diff --git a/packages/vkui/src/components/Header/Readme.md b/packages/vkui/src/components/Header/Readme.md
@@ -9,20 +9,14 @@ const Example = () => {
         <Group>
           <Header
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
           >
             Плейлисты
           </Header>
           <Header
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
             subtitle="SOHN — Conrad"
             subtitleComponent="h3"
@@ -31,21 +25,15 @@ const Example = () => {
           </Header>
           <Header
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
             indicator="12"
           >
             Плейлисты
           </Header>
           <Header
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
             indicator={
               <Counter size="s" mode="primary" appearance="accent-red">
@@ -60,21 +48,15 @@ const Example = () => {
           <Header
             size="s"
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
           >
             Приглашения
           </Header>
           <Header
             size="s"
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
             indicator="667"
           >
@@ -83,10 +65,7 @@ const Example = () => {
           <Header
             size="s"
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
             indicator={
               <Counter size="s" mode="primary" appearance="accent-red">
@@ -125,10 +104,7 @@ const Example = () => {
               </Counter>
             }
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
           >
             Плейлисты
@@ -148,10 +124,7 @@ const Example = () => {
               </Counter>
             }
             after={
-              <Link>
-                Показать все
-                {platform === 'vkcom' && <Icon12ChevronOutline />}
-              </Link>
+              <Link after={platform === 'vkcom' && <Icon12ChevronOutline />}>Показать все</Link>
             }
           >
             Плейлисты