DownloadTrigger experimental

문자열·Blob·File 데이터를 클릭 한 번으로 내려받게 하는 헤드리스 버튼 유틸리티입니다.

ark download-trigger

버튼을 누르면 작은 텍스트 파일을 내려받아요.

<script lang="ts">
  import { DownloadTrigger } from '@odbd/svelte/download-trigger'

  const note = ['오디비디 디자인 시스템 메모', '', '이 파일은 데모에서 생성했어요.'].join('\n')
</script>

<div class="download-demo">
  <p>버튼을 누르면 작은 텍스트 파일을 내려받아요.</p>
  <DownloadTrigger
    class="odbd-button"
    data-variant="outline"
    data-size="md"
    fileName="odbd-note.txt"
    mimeType="text/plain"
    data={note}
  >
    메모 내려받기
  </DownloadTrigger>
</div>

<style>
  .download-demo {
    display: grid;
    gap: var(--odbd-space-3);
    justify-items: center;
    max-width: 30rem;
    text-align: center;
  }

  .download-demo :global(.odbd-button) {
    inline-size: fit-content;
    min-inline-size: 12rem;
  }
</style>

Import

Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.

import * as DownloadTrigger from '@odbd/svelte/download-trigger'

import { DownloadTrigger } from '@odbd/react/download-trigger'