[MCL-13] Link List Created: 11/Dec/23 Updated: 05/Feb/24 |
|
| Status: | In Progress |
| Project: | Magnolia Component Library |
| Component/s: | Core Content |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Story | Priority: | Neutral |
| Reporter: | Raymond Tran | Assignee: | Huy Pham |
| Resolution: | Unresolved | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Template: |
|
| Acceptance criteria: |
Acceptance Criteria
[ ]*
Component is called "Link List"
[ ]*
Supports bulleted, inline, ordered or no styling.
[ ]*
Shows an external link icon next to the link if the link is external
[ ]*
Links show primary underline
[ ]*
Links highlight when hovered/selected
[ ]*
Links shows different colour if the link has previously been clicked
[ ]*
If a link has no target set, generate href="#"
Documentation Acceptance Criteria
[ ]*
Contains Title, Description and Examples
[ ]*
Contains FTL and YAML code
Content Author Acceptance Criteria
[ ]*
Link List Component can be added to any page template in Column area of a Row component only.
[ ]*
Link component can be added to Link List component only.
[ ]*
The link target and label can be specified in the dialog
[ ]*
The link target can be an asset in the DAM, external link or page link.
[ ]*
Link label is mandatory
[ ]*
Link target is not mandatory
[ ]*
External link icon and link underline style can be configured
[ ]*
Class and CSS can be overridden in the dialog
Accessibility Acceptance Criteria
[ ]*
Links can be navigated through, selected and depressed using the keyboard.
[ ]*
Logical tab order should be maintained, ensuring that keyboard users navigate through the elements in a coherent sequence.
|
| Description |
User Story:As a content author, Description:Exists in MTK already as Link List / Link Bootstrap utilities: https://getbootstrap.com/docs/5.3/utilities/link/ |