@yurishvetsov/space-ui

Space UI

UI library for Vue 3

How to use

Install

npm i @yurishvetsov/space-ui

Button

import { Button } from '@yurishvetsov/space-ui'
import settingsIcon from '@/assets/icons/settings.svg'

<Button @click="onClick">Settings</Button>

<Button :icon="settingsIcon" @click="onClick">Settings</Button>

<Button :rightIcon="settingsIcon" @click="onClick">Settings</Button>

<Button
  :icon="settingsIcon"
  :disabled="true"
  @click="onClick"
>Settings</Button>

<Button
  :icon="settingsIcon"
  :disabled="true"
  @click="onClick"
>Settings</Button>

<Button tag="a" href="https://example.com">The best site</Button>

Toggle

import { Toggle } from '@yurishvetsov/space-ui'

<Toggle v-model="isChecked" />

<Toggle v-model="isChecked" type="secondary" />

<Toggle v-model="isChecked" type="danger" />

<Toggle v-model="isChecked" :disabled="true" />

<Toggle v-model="isChecked" :readonly="true" />

<Toggle
  v-model="isChecked"
  @change="onChange"
  @focus="onFocus"
  @blur="onBlur"
/>