Components/Intake

Bio File Thumbnail

@genomics/bio-file-thumbnail

Format-aware preview cards.

Preview

query.fasta

1 seq · 180 aa

FASTA

homologs.a3m

4 rows

A3M

tree.nwk

8 taxa

Newick

◆

calls.vcf

3 variants

VCF

▬

peaks.bed

2 features

BED

🧬

AF-P04637-F1.cif

mmCIF

About

Sniffs the format from name + content (via bio-formats) and renders a tiny representative preview: a colored residue strip for FASTA, a mini grid for alignments, a mini dendrogram for Newick, and a labelled glyph + count for variants, features, and structures.

Usage

import { BioFileThumbnail } from "@/components/ui/bio-file-thumbnail"

<BioFileThumbnail file={{ name: "query.fasta", content }} />

Registry dependencies

@genomics/utils

@genomics/bio-colors

@genomics/bio-formats

@genomics/bio-sequence

@genomics/bio-tree

@genomics/badge

Source: components/ui/bio-file-thumbnail.tsx