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>
|
<button>Open a modal</button>
|
||||||
</Card>
|
</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>
|
</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);
|
border-color: var(--green-darker);
|
||||||
background: var(--green);
|
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);
|
border-color: var(--orange-darker);
|
||||||
background: var(--orange);
|
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);
|
border-color: var(--red-darker);
|
||||||
background: var(--red);
|
background: var(--red);
|
||||||
|
|
Loading…
Reference in a new issue