diff --git a/src/components/error.rs b/src/components/error.rs
index 4691b55..ae2f18a 100644
--- a/src/components/error.rs
+++ b/src/components/error.rs
@@ -10,6 +10,27 @@ pub fn ServerError<E: Display + 'static>(
 	message: TextProp,
 	#[prop(optional, into)]
 	error: Option<ServerFnError<E>>,
+) -> impl IntoView {
+	view!{
+		<div class="error-container">
+			<div class="error-header">
+				<Icon icon=icondata::BiErrorSolid />
+				<h1>{title}</h1>
+			</div>
+			<p>{message}</p>
+			<p>{error.map(|error| format!("{}", error))}</p>
+		</div>
+	}
+}
+
+#[component]
+pub fn Error<E: Display + 'static>(
+	#[prop(optional, into, default="An Error Occurred".into())]
+	title: TextProp,
+	#[prop(optional, into)]
+	message: TextProp,
+	#[prop(optional, into)]
+	error: Option<E>,
 ) -> impl IntoView {
 	view! {
 		<div class="error-container">