[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-28 UTC."],[],[],null,["# Layout directives\n\nThis page lists directives related to Layout.\n\nFootnotes\n---------\n\n \u003cwalkthrough-footnote\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eFOOTNOTE_TEXT\u003c/var\u003e\u003c/walkthrough-footnote\u003e\n\nRenders the inner text in a footnote style. Insert this directive at the bottom\nof the relevant step.\n\nIcons\n-----\n\n \u003cwalkthrough-\u003cvar class=\"readonly\" translate=\"no\"\u003eICON_NAME\u003c/var\u003e\u003e\u003c/walkthrough-\u003cvar class=\"readonly\" translate=\"no\"\u003eICON_NAME\u003c/var\u003e\u003e\n\nShows an icon.\n\n### Icon names\n\nThe following icons can be inserted into a line of text.\n\nThe following icons are best shown as a standalone image.\n\n| **Note:** For multi-step tutorials, make the conclusion trophy the first element in the final step.\n\nTutorial duration\n-----------------\n\n \u003cwalkthrough-tutorial-duration duration=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eDURATION\u003c/var\u003e\"\u003e\u003c/walkthrough-tutorial-duration\u003e\n\nShows a clock icon and an estimate of how long the tutorial will take. For\nmulti-step tutorials, add this directive immediately after the title.\n\n### Parameters"]]