Alert

Alert component allows to bring additional information without blocking the user path.
Haltura offers several Alert components to highlight different types of information.

Initializing the component.

The h_alert class is used to generate an Alert component.

This is an Alert component

alert

<div class="h_alert">This is an Alert component</div>

<div class="h_alert">This is an Alert component</div>

There are many Alert components.
These variations allow you to make sense of different messages. Use the primary, accent, danger and success classes.

This is an Alert component

alert

<div class="h_alert">This is an Alert component</div>
<div class="h_alert primary">This is an Alert component</div>
<div class="h_alert accent">This is an Alert component</div>
<div class="h_alert danger">This is an Alert component</div>
<div class="h_alert success">This is an Alert component</div>

<div class="h_alert">This is an Alert component</div>
<div class="h_alert primary">This is an Alert component</div>
<div class="h_alert accent">This is an Alert component</div>
<div class="h_alert danger">This is an Alert component</div>
<div class="h_alert success">This is an Alert component</div>

Closing alerts.

Activate the close functionality with close.

This is an Alert component

alert

<div class="h_alert close">This is an Alert component</div>

<div class="h_alert close">This is an Alert component</div>

This is an Alert component

alert

<div class="h_alert">This is an Alert component</div>
<div class="h_alert primary">This is an Alert component</div>
<div class="h_alert accent">This is an Alert component</div>
<div class="h_alert danger">This is an Alert component</div>
<div class="h_alert success">This is an Alert component</div>

<div class="h_alert">This is an Alert component</div>
<div class="h_alert primary">This is an Alert component</div>
<div class="h_alert accent">This is an Alert component</div>
<div class="h_alert danger">This is an Alert component</div>
<div class="h_alert success">This is an Alert component</div>

This is an Alert component

alert

<div class="h_alert close">This is an Alert component</div>
<div class="h_alert primary close">This is an Alert component</div>
<div class="h_alert accent close">This is an Alert component</div>
<div class="h_alert danger close">This is an Alert component</div>
<div class="h_alert success close">This is an Alert component</div>

<div class="h_alert close">This is an Alert component</div>
<div class="h_alert primary close">This is an Alert component</div>
<div class="h_alert accent close">This is an Alert component</div>
<div class="h_alert danger close">This is an Alert component</div>
<div class="h_alert success close">This is an Alert component</div>

Class	Definition
h_alert	Basic component.
primary	Create a primary alert.
accent	Create a accent alert.
danger	Create a danger alert.
success	Create a success alert.
close	Allows to close the alert.