UI Helpers

ZhinNX menyediakan UI helper kecil supaya project deadline tidak perlu membuat feedback dasar dari nol.

toast()

toast('Saved')

modal()

modal({
  title: 'Details',
  content: 'Modal ini dirender oleh ZhinNX.'
})

confirm()

const accepted = await confirm({
  title: 'Reset data?',
  content: 'Aksi ini tidak bisa dibatalkan.'
})

if (accepted) {
  console.log('reset')
}

sheet()

sheet({
  title: 'Actions',
  content: '<button @click="closeSheet">Close</button>'
})

loading()

const stop = loading('Loading data')
await api.get('/api/items')
stop()

cx()

cx() menggabungkan class secara kondisional.

const className = cx('button', isActive && 'active')