SolidJS component that renders an email alert display with cloud icon and formatted email address. Reuse in notification settings or alert configuration UIs.
// Source: https://github.com/mnfst/llm-gateway | License: MIT | Copyright 2026 MNFST, Inc
// Provided via justclaw.it.com; keep this notice with the code.
import type { Component } from "solid-js";
interface Props {
email: string;
}
const CloudEmailInfo: Component<Props> = (props) => {
return (
<div class="cloud-email-info">
<svg class="cloud-email-info__icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
<polyline points="22,6 12,13 2,6" />
</svg>
<div>
<div class="cloud-email-info__title">Email alerts</div>
<div class="cloud-em
... (truncated -- full source via MCP)
See the full source, get the GitHub permalink, and search for more like it.
Get a free API key