Template:Alert

Examples:

openfox colors:

Source

{{Alert|content=a tailwind based skin|content bold=Lisa:|type=top border|bg-color=bg-light-purple|border-color=border-fox-{{{fox-color|purple}}}|text-color=text-fox-purple|icon-type=fa-regular}}

Lisa:

a tailwind based skin

Traditional

Source

{{Alert
|type=traditional
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
}}

Result

This is an alert

Main Page

Modern with Badge

Source

{{Alert
|type=modern
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|external-link=https://example.com
}}

Result

This isan alert

https://example.com

Left Accent Border

Source

{{Alert
|type=left border
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|link=https://example.com
}}

Result

This is

an alert

Titled

Source

{{Alert
|type=titled
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|link=https://example.com
}}

Result

This is

an alert

Solid

Source

{{Alert
|type=solid
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|external-link=https://example.com
}}

Result

This is an alert

https://example.com

Top Accent Border

Source

{{Alert
|type=top border
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|link=https://example.com
}}

Result

This is

an alert

Banner

Source

{{Alert
|type=banner
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|link=https://example.com
}}

Result

This is

an alert

Titled

Source

{{Alert
|type=Titled
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|link=https://example.com
}}

Result

This is

an alert

Defualt (no type)

Source

{{Alert
|content = an alert
|content bold = This is
|icon = info-circle
|icon-type = fad
|external-link=https://example.com
}}

Result

This is an alert

https://example.com

Template for text alerts and banners

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Content	content	no description	Line	suggested
Bold content	content bold	no description	Line	suggested
type	type	no description Suggested values traditional titled solid modern left border top border banner Default traditional	String	suggested
Background color	bg-color	no description Suggested values bg-light-azure bg-light-purple bg-light-magenta	String	suggested
Border color	border-color	no description Suggested values border-fox-purple border-fox-azure bg-fox-magenta	String	suggested
Text color	text-color	no description Suggested values text-fox-purple text-fox-azure text-fox-magenta	String	optional
Icon	icon	Font Awesome icon name	String	optional
Icon type	icon-type	Font Awesome icon weight Suggested values fa-solid fa-regular fa-light fa-thin fa-duotone	String	suggested
Link to page	link	no description	Page name	suggested
External link	external-link	no description	URL	optional
Direction	direction	click if RTL Suggested values left	Unknown	optional
Icon size	icon-size	no description Suggested values fa-2xs fa-xs fa-sm fa-lg fa-xl fa-2xl fa-1x fa-2x fa-3x fa-4x fa-5x	String	optional
Hover class for links	hover	no description	Unknown	optional
Leading color	fox-color	Leading color from openfox.io pallet Suggested values purple azure magenta	String	optional