tatweerui-vue

Tatweer UI

it's a UI library developed by tatweer research company for Vue based on headless ui

Installation

npm install tatweerui-vue

Usage

<script setup>
  import { Button, Switch, ButtonVariant } from 'tatweerui-vue'
</script>

<template>
  <Button :variant="ButtonVariant.PRIMARY">
    Hello
  </Button>
  <Switch :isChecked="true" @on-checked="(isChecked)=>isChecked">World</Switch>
</template>

Components

• [x] Button
  • [x] Primary
  • [x] Secondary
• [x] Switch
• [x] ListSection
• [x] ListTile
• [x] BaseDialog
• [x] InfoDialog

<ListSection title='List Section'>
  <ListTile title='List Tile Title' subtitle='subtitle'>
    <Switch :isChecked="true" />
  </ListTile>
</ListSection>

<InfoDialog :is-open='true' title='Info Dialog' :on-button-clicked='onClicked'>
  message for info dialog
</InfoDialog>