Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Bold
Description
- Purpose
- The Bold Glyph indicates the intention of an action in an e.g. link or button, which transforms some text from or into bold one.
- Composition
- The Bold Glyph is composed of the letter B.
- Effect
- Clicking the Bold Glyph may insert or transform some text into bold one.
- Context
- Appears in the markdown-actions.
Rivals
- Italic Glyph
- should be used if the transformation should be italic.
- Heading Glyph
- should be used if the transformation should be a heading.
- Link Glyph
- should be used if the transformation should be a link.
Rules
- Accessibility
- The aria-label MUST be ‘Insert Bold'.
Example 1: Bold
<?php declare(strict_types=1); namespace ILIAS\UI\examples\Symbol\Glyph\Bold; function bold() { global $DIC; $factory = $DIC->ui()->factory(); $renderer = $DIC->ui()->renderer(); $glyph = $factory->symbol()->glyph()->bold("#"); // showcase the various states of this Glyph $list = $factory->listing()->descriptive([ "Active" => $glyph, "Inactive" => $glyph->withUnavailableAction(), "Highlighted" => $glyph->withHighlight() ]); return $renderer->render($list); }
Relations
- Parents
- UIComponent
- Symbol
- Glyph