mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-10-31 18:46:07 +01:00
23 lines
752 B
Plaintext
23 lines
752 B
Plaintext
|
import { Meta, Story } from "@storybook/addon-docs";
|
||
|
|
import { Button } from "../src";
|
||
|
|
|
||
|
|
<Meta title="Usage" parameters={{
|
||
|
|
storyshots: { disable: true }
|
||
|
|
}} />
|
||
|
|
|
||
|
|
In confirmation dialogs, there are two actions.<br/>
|
||
|
|
One to cancel the current process and one to confirm it.<br/>
|
||
|
|
Aborting is always the secondary action, confirmation always the primary.
|
||
|
|
Focus is always on the cancelling action.
|
||
|
|
|
||
|
|
<Story name="Confirmation Dialog">
|
||
|
|
<div className="max-w-2xl rounded border p-4">
|
||
|
|
<h4 className="mb-2 font-bold">Delete User</h4>
|
||
|
|
<p>Do you really want to delete this user ?</p>
|
||
|
|
<div className="flex justify-end gap-2">
|
||
|
|
<Button variant="secondary">Cancel</Button>
|
||
|
|
<Button variant="primary">Delete</Button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</Story>
|