mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-10-29 01:26:13 +01:00
27dbcbf28d
Introduce tailwind as new frontend styling library to replace bulma in the longer run. Also create the first new ui library `ui-buttons` which will be the new standard for buttons ins SCM-Manager. In this library we reconsidered which types of buttons should be used to create a clean and consistent ui. Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
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>
|