@samatech/vue-components

Vue components library

Instructions

Install

npm i -S @samatech/vue-components

Usage

Displays the components. See packages/demo for a full advanced example.

<template>
  <STMultiselect
    :value="selected"
    :options="options"
    placeholder="Options"
    class="multiselect"
    @select="select"
  />
  <STInput
    v-model="text"
    class="my-input"
    name="my-input"
    placeholder="My Input"
    :clearable="true"
  />
  <STProgressBar
    :value="progress"
    :step="1"
    :showPercent="false"
    :height="4"
    :min="1"
    :max="100"
    @change="progress = $event"
  >
</template>

<script setup lang="ts">
import { STMultiselect, STInput, STProgressBar } from '@samatech/vue-components'
import '@samatech/vue-components/dist/style.css'

const selected = ref()
const options = ['Option1', 'Option2', 'Option3']
const text = ref()
const progress = ref(3)

const select = (option: string | undefined) => {
  selected.value = option
}
</script>

Development

We use PNPM workspaces for development

# Clone
git clone git@github.com:samatechtw/vue-components
cd vue-components

# Install dependencies
pnpm install

# Build library
pnpm run build

# Run example site
pnpm run demo

License

MIT License © 2021 - 2025 SamaTech Limited Company