Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Eyeclosed
Description
- Purpose
- The Eye Closed Glyph is used to toggle the revelation-mode of password fields. With the Eye Closed Glyph shown, the field is currently unmasked.
- Composition
- The Eye Closed Glyph uses the glyphicon-eye-close.
- Effect
- When clicked, the password-field is masked, thus hiding the input.
- Context
- Used with password-fields to toggle mask/revealed mode.
Rules
- Composition
- The Eye Closed Glyph MUST only be used with Password-Inputs.
- Accessibility
- The aria-label MUST be "Eye Closed - Click to hide the input's contents".
Example 1: Eyeclosed
<?php declare(strict_types=1); namespace ILIAS\UI\examples\Symbol\Glyph\Eyeclosed; function eyeclosed() { global $DIC; $f = $DIC->ui()->factory(); $renderer = $DIC->ui()->renderer(); $glyph = $f->symbol()->glyph()->eyeclosed("#"); //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