Components Library

A comprehensive Vue 3 component library built with TypeScript, PrimeVue, and Tailwind CSS, shared across all Samna frontend applications.

Overview

The Samna Components Library provides a unified set of UI components that ensure visual consistency across the Samna Portal, Bookable Portal, Sign Portal, and all other frontend applications. It includes 75+ PrimeVue components with custom Samna styling, a complete icon system with 92 custom icons, and specialized components for common use cases.

Storybook

The component library is documented with Storybook, hosted on Azure Static Web Apps (requires authentication). Run it locally with:

pnpm storybook

Key Components

Category	Components
PrimeVue Components	75+ components with custom Samna styling (Button, DataTable, Dialog, Dropdown, etc.)
Icon System	92 custom icons with consistent sizing and styling
Date & Time Pickers	Specialized picker components with advanced functionality
AI Input	AI powered input with send/stop functionality and auto-resizing
Code Editor	Full featured code editor with syntax highlighting and full screen mode
Dynamic Table	Configurable data table component

Installation

pnpm add @nimling/samna-vue-components

import { Button, DataTable, Dialog } from "@nimling/samna-vue-components"
import "@nimling/samna-vue-components/dist/style.css"

Repository

nimling/samna-vue-components