Dataset UI Library

A lightweight, reusable UI component library built with Vue.js.
Currently features the DatasetCard component — perfect for displaying dataset summaries, metadata, and actions in a clean card layout.

📦 Installation

npm install pennsieve-ui-library

or

yarn add pennsieve-ui-library

🔧 Setup

Global Registration

// main.js or main.ts
import { createApp } from 'vue';
import App from './App.vue';
import PennsieveUILibrary from 'pennsieve-ui-library';

const app = createApp(App);
app.use(PennsieveUILibrary);
app.mount('#app');

Local Registration

<script setup>
import { DatasetCard } from 'pennsieve-ui-library';
</script>

📄 Usage

<template>
  <DatasetCard
    :key="dataset.id"
    :dataset="dataset"
  />
</template>

🎛️ Props

| Prop | Type | Required | Description | |----------------|----------|----------|----------------------------------------------------------| | dataset | Dataset| Yes | Pennsieve dataset input |

🛠️ Development

git clone https://github.com/Pennsieve/pennsieve-ui-library.git
cd pennsieve-ui-library
yarn install
yarn dev

📃 License

This project is licensed under the Apache License 2.0.

🤝 Contributing

Contributions, issues, and feature requests are welcome!
Feel free to open a pull request or issue.