বিল্ট-ইন কম্পোনেন্ট

* <Link to="https://github.com/" label="Github" />  
* <Link to="/" label="Home page" />

<script>
  import {  } from '@sveltepress/theme-default/components' 
</script>
<div style="line-height: 24px;">
  < to="/" label="Home page" /> <br />
  < to="https://github.com/" label="Github" />
</div>

<Tabs activeName="Svelte">
  <TabPanel name="Svelte">

```svelte title="Counter.svelte"
<script>
  let count = 0
</script>
<button on:click={() => count++}>
  You've clicked {count} times
</button>
```

  </TabPanel>

  <TabPanel name="Vue">

```html  title="Counter.vue"
<script setup>
  import { ref } from 'vue'

  const count = ref(0)
</script>
<button @click="count++">
  You've clicked {count} times
</button>
```

  </TabPanel>
</Tabs>

<script>
  import { ,  } from '@sveltepress/theme-default/components' 
</script>
< activeName="Tab2">
  < name="Tab1">
    <div>Tab1 content</div>
  </>
  < name="Tab2">
    <div>Tab2 content</div>
  </>
</>

<Expansion title="Click to expand/fold panel">
  <div class="text-[24px]">Some content</div>
</Expansion>

<script>
  import {  } from '@sveltepress/theme-default/components'
</script>
< title="A expansion without custom icon and arrow">
  <div class="p-4 text-[24px]">
    Look at the icon left. It gets colored when expanded!
  </div>
  <div slot="icon-fold" class="i-bxs-wink-smile"></div>
  <div slot="icon-expanded" class="i-fxemoji-smiletongue"></div>
  <div slot="arrow" class="i-material-symbols-thumbs-up-down"></div>
</>

<div style="font-size: 28px;">
  <IconifyIcon collection="vscode-icons" name="file-type-svelte" />
</div>

<script>
  import {  } from '@sveltepress/theme-default/components'
</script>
<div style="font-size: 28px;">
  < collection="vscode-icons" name="file-type-svelte" />
</div>

<Floating placement="top">
  <div class="text-xl b-1 b-solid b-blue rounded py-10 px-4">
    এখানে-মাউস-আনুন-বা-টাচ-করুন
  </div>

  <div class="bg-white dark:bg-dark b-1 b-solid b-blue rounded p-4" slot="floating-content">
    হাই, নির্দেশনা অনুযায়ী কাজ করার জন্য ধন্যবাদ 
  </div>
</Floating>

<script>
  import  from '@sveltepress/twoslash/FloatingWrapper.svelte'
</script>
< placement="right">
  <div class="text-xl b-1 b-solid b-blue rounded py-10 px-4">
    এখানে-মাউস-আনুন-বা-টাচ-করুন
  </div>

  ="bg-white dark:bg-dark b-solid b-1 b-red rounded p-4" slot="floating-content">
    হাই, নির্দেশনা অনুযায়ী কাজ করার জন্য ধন্যবাদ 
  </div>
</>