Add more buttons styles and demo notifications setup.
This commit is contained in:
parent
f949f3e191
commit
a42385bfc1
2 changed files with 13 additions and 3 deletions
|
@ -492,6 +492,16 @@ export function DemoApp()
|
|||
<button>Open a modal</button>
|
||||
</Card>
|
||||
|
||||
<h2>Notifications</h2>
|
||||
|
||||
<Card>
|
||||
<button>Information notification</button>
|
||||
<button className={"success"}>Success notification</button>
|
||||
<button className={"warning"}>Warning notification</button>
|
||||
<button className={"error"}>Error notification</button>
|
||||
<button className={"flat"}>Generic notification</button>
|
||||
</Card>
|
||||
|
||||
</Application>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -63,7 +63,7 @@ a.button, button, input[type="submit"], input[type="reset"]
|
|||
}
|
||||
}
|
||||
|
||||
&.green, &.validation, &.ok, &.positive, &.good
|
||||
&.green, &.validation, &.ok, &.positive, &.good, &.success
|
||||
{
|
||||
border-color: var(--green-darker);
|
||||
background: var(--green);
|
||||
|
@ -94,7 +94,7 @@ a.button, button, input[type="submit"], input[type="reset"]
|
|||
}
|
||||
}
|
||||
|
||||
&.orange, &.cancel, &.back, &.return
|
||||
&.orange, &.cancel, &.back, &.return, &.warning
|
||||
{
|
||||
border-color: var(--orange-darker);
|
||||
background: var(--orange);
|
||||
|
@ -125,7 +125,7 @@ a.button, button, input[type="submit"], input[type="reset"]
|
|||
}
|
||||
}
|
||||
|
||||
&.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad
|
||||
&.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad, &.error
|
||||
{
|
||||
border-color: var(--red-darker);
|
||||
background: var(--red);
|
||||
|
|
Loading…
Reference in a new issue