Loading

Feedback Loading Indicates a component is being loaded (a component that relies on JSON)

Empty


        Empty

Alert Message Used to convey important information to the viewer. Comes in Yellow (Warning), Blue (Information), Red (Error), and Green (Success). Mostly used to warn viewers of pre-alpha or incomplete content being viewed. Warning Alert Title Warning Alert Message Information Alert Title Information Alert Message Error Alert Title Error Alert Message Succsess Alert Title Succsess Alert Message <AlertComponent Type=SeverityType.Warning>
<Title>Warning Alert Title</Title>
<Message>Warning Alert Message</Message>
</AlertComponent>
<AlertComponent Type=SeverityType.Information>
<Title>Information Alert Title</Title>
<Message>Information Alert Message</Message>
</AlertComponent>
<AlertComponent Type=SeverityType.Error>
<Title>Error Alert Title</Title>
<Message>Error Alert Message</Message>
</AlertComponent>
<AlertComponent Type=SeverityType.Success>
<Title>Succsess Alert Title</Title>
<Message>Succsess Alert Message</Message>
</AlertComponent>


        @@using Components.Pages.Utils

<div class="alertContainer @@Type.ToString().ToLower()">
 @@if (Title != null) {
 <div class="alertTitle">
 @@Title
 </div>
 }
 @@if (Message != null) {
 <div>
 @@Message
 </div>

 }
</div>
<style>
 .alertContainer {
 border: 4px solid;
 border-radius: 4px;
 padding: 16px;
 display: flex;
 flex-direction: column;
 justify-items: stretch;
 width: 100%;
 }

 .alertContainer.@@SeverityType.Warning.ToString().ToLower() {
 border-color: #2a2000;
 background-color: #ffbf0029;
 }

 .alertContainer.@@SeverityType.Error.ToString().ToLower() {
 border-color: #290102;
 background-color: #4C2C33;
 }

 .alertContainer.@@SeverityType.Information.ToString().ToLower() {
 border-color: #030129;
 background-color: #2c3a4c;
 }

 .alertContainer.@@SeverityType.Success.ToString().ToLower() {
 border-color: #042901;
 background-color: #2E4C2C;
 }

 .alertTitle {
 font-weight: 800;
 }

</style>
@@code {
 [Parameter] public RenderFragment? Title { get; set; }
 [Parameter] public RenderFragment? Message { get; set; }
 [Parameter] public SeverityType Type { get; set; } = SeverityType.Warning;
}

@code { }