Content: The content layout with the default style, in which any element can be nested, and must be placed in Layout.Sider: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in Layout.Header: The top layout with the default style, in which any element can be nested, and must be placed in Layout.Layout: The layout wrapper, in which Header Sider Content Footer or Layout itself can be nested, and can be placed in any parent container.You can choose an appropriate font size regarding the level of your navigation. When background color is a light color, you can use this pattern for the current page navigation item we recommend using it for the last item of the navigation path.įrom the visualization aspect, a highlighted font is stronger than colorblock this pattern is often used for the parent level of the current item.ġ2px, 14px is a standard font size of navigation's, 14px is used for the first and the second level of the navigation. When background color is a deep color, you can use this pattern for the parent level navigation item of the current page. Style of a navigation should conform to its level. The left side navigation bar has support for both the accordion and expanding styles you can choose the one that fits your case the best.When the current navigation item is collapsed, the style of the current navigation item is applied to its parent level.The current item should have the highest priority of visualization.The first level navigation and the last level navigation should be distinguishable by visualization. ![]() ![]() Calculation formula of an aside navigation: 200+8n.Calculation formula of a top navigation: 48+8n.Top Navigation (for landing pages): the height of the first level navigation 80px, the second level navigation 56px.Top Navigation: the height of the first level navigation 64px, the second level navigation 48px.The first level navigation is left aligned near a logo, and the secondary menu is right aligned.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |