Documentation

Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'

Notification

Description

Purpose: The Notification Glyph indicates and controls functionality that allows the system to send notifications to the user, such as the notification center in the Meta Bar or the notification service at individual objects.
Composition: If used to toggle the notifications at an individual object, the Notification Glyph uses link-color to indicate inactivity and the brand-warning color to indicate activity.

Rules

Accessibility

The aria-label MUST be "Notifications".

Example 1: Notification

Active
Inactive
Highlighted

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Glyph\Notification;
 
function notification()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $glyph = $f->symbol()->glyph()->notification("#");
 
    //Showcase the various states of this Glyph
    $list = $f->listing()->descriptive([
        "Active" => $glyph,
        "Inactive" => $glyph->withUnavailableAction(),
        "Highlighted" => $glyph->withHighlight()
    ]);
 
    return $renderer->render($list);
}

Relations

Parents

UIComponent
Symbol
Glyph