Feedback

import { useToast } from '@cskn/ui';

const toast = useToast();

toast.success('Saved');                   // with a success haptic
toast.error('Something went wrong');
const id = toast.show('Uploading…', { duration: 0 });
toast.dismiss(id);

import { Skeleton } from '@cskn/ui';

<Skeleton width="60%" height={20} />
<Skeleton circle width={40} height={40} />

<Spinner size={24} />

import { ProgressBar } from '@cskn/ui';

<ProgressBar value={0.68} label="Storage" showValue />
<ProgressBar value={3} max={5} />
<ProgressBar />   {/* indeterminate */}