mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 12:55:06 +03:00
kemal.earth
bfe3ea06df
* feat: create entry points for copy writing docs * feat: basic page generated using the supabase writing style guide * chore: editing page * feat: more components * feat: remaining example components * chore: remove duplicate registry entry * chore: add aria label to example * chore: run prettier * fix: alphabetise getting started section * chore: rename copy writing to copywriting
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { Button } from 'ui'
|
|
|
|
export default function CopyLoadingStates() {
|
|
return (
|
|
<div className="flex flex-row gap-16">
|
|
<div className="flex flex-col gap-4">
|
|
<span className="text-xs text-foreground-muted">Bad Example</span>
|
|
<div className="flex flex-col gap-4">
|
|
<Button type="primary" loading>
|
|
Please wait...
|
|
</Button>
|
|
<Button type="primary" loading>
|
|
Loading...
|
|
</Button>
|
|
<Button type="danger" loading>
|
|
Processing...
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-col gap-4">
|
|
<span className="text-xs text-foreground-muted">Good Example</span>
|
|
<div className="flex flex-col gap-4">
|
|
<Button type="primary" loading>
|
|
Creating table...
|
|
</Button>
|
|
<Button type="primary" loading>
|
|
Loading schema...
|
|
</Button>
|
|
<Button type="danger" loading>
|
|
Deleting project...
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|