tatweerui-vue v0.3.12

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

• Button
  • Primary
  • Secondary
• Switch
• ListSection
• ListTile
• BaseDialog
• 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>