Sidebar
Source page in Figma: Sidebar · 15 component sets · 0 standalone components
Index: ../component-registry.md · Workflows: ../workflows.md
Component Sets (15)
Section titled “Component Sets (15)”| Name | Key | Variants | Properties |
|---|---|---|---|
| .Sidebar/Menu item/Content/HV General | 170cd0b4c1736104389ba07a3f4d680032631ef1 | 12 | 👁️ Badge#8726:1=bool (default True)👁️ Expand arrow#8726:4=bool (default True)👁️ L icon#8726:10=bool (default True)🔄 L icon#8726:13=instance-swap ✏️ Menu text#8726:16=text 👁️ Subtext#11861:0=bool (default False)👁️ R icon#15813:0=bool (default False)🔄 R icon#15813:13=instance-swap ✏️ Subtext#15813:26=text State= Default | Active | Disable (default Default)Collapse state= False | Dot | Icon (default False)Font weight= Default | Regular | SemiBold (default SemiBold) |
| Menu drawer/Menu item/Student view/1st | 684df1ea21b1c103e86745b20d7a96e78219951c | 2 | Active=Yes | No (default No) |
| Sideba menu item content/Data check, nhập liệu | 06a3fa68e58ad66a9f53da7e24aea1c8f8e638fe | 3 | R icon#8726:4=bool (default True)L icon#8726:10=bool (default True)Swap L icon#8726:13=instance-swap Menu text#8726:16=text Swap R icon#8733:0=instance-swap Tag#8733:4=bool (default True)Dot#16515:0=bool (default False)Avatar#17391:7=bool (default False)State= Default | Active | Disable (default Default) |
| Sidebar User item/Section seperator | ff50249924a72e5cd67cbb1d195678debce0c814 | 6 | State=Default | Hover (default Default)Expand= True | False (default True)Style= 1 | 2 (default 1) |
| Sidebar menu item content/Admin General | 7d76788bf25581e93cff4a259e281767eaff99f0 | 12 | Badge#8726:1=bool (default True)Expand arrow#8726:4=bool (default True)L icon#8726:10=bool (default True)🔄 L icon#8726:13=instance-swap Menu text#8726:16=text Subtext#11861:0=bool (default False)State= Default | Active | Disable (default Default)Collapse state= False | Dot | Icon (default False)Font weight= Default | Regular | SemiBold (default SemiBold) |
| Sidebar/Menu item/1st | 8a1e72de4362e1d4f0e4ca509eaffbc8ac869ef0 | 12 | Current=False | True (default False)⇲ Child= False | True (default False)State= Default | Hover | Disable (default Default)Collapse= False | True (default False) |
| Sidebar/Menu item/2nd | 95a9b086ada76a71d7af0ac733b3aab6a5ad6fde | 10 | Current=False | True (default False)State= Default | Hover | Disable (default Default)Collapse= False | True (default False) |
| Sidebar/Menu item/Clean/1st | a22dc3784e731b57fdf3d61de51fc83e75e1fbf9 | 16 | 🔄 R icon#19022:0=instance-swap L icon#19022:7=bool (default False)🔄 L icon#19022:14=instance-swap ✏️ Label#19022:21=text 👁️ Badge#19022:28=bool (default False)Expand arrow#19022:35=bool (default True)🔄 Arrow icon#22776:0=instance-swap Current= False | True (default False)State= Default | Hover | Focus | Disable (default Default)Icon state= False | True (default False)Expand state= None (default None)Color= Primary | Tertiary (default Primary) |
| Sidebar/Menu item/Clean/2nd | 53469e0cac013470f79251b5f2b1ca171591e19a | 20 | ✏️ Label#19022:42=text 👁️ Badge#19022:53=bool (default False)R icon#19022:64=bool (default False)L icon#19022:75=bool (default True)🔄 R icon#19022:86=instance-swap 🔄 L icon#19022:97=instance-swap Current= False | True (default False)State= Default | Hover | Disable (default Default)Icon state= False | True (default False)Color= Primary | Tertiary (default Primary) |
| Sidebar/Menu item/Student view/1st | 65d9ef01a9d01aedbfe94b2c40f0c76c6be9a9a5 | 9 | Current=False | True (default False)State= Default | Hover | Focus (default Default)Style= 1 | 2 | Icon (default 1)Collapse= False | True (default False) |
| Sidebar/Menu item/Student view/2nd (New) | 1f9e5a16fb7ebaf6f69b65d0cc7918cc3ebb7163 | 6 | State=Default | Hover | Focus (default Default)Style= 1 | 2 (default 1) |
| Sidebar/Menu item/Student view/Block sub menu | ba6d1d121b14158d4075513893cb0f3a266568d8 | 2 | Layout=Listing | Section list (default Listing) |
| Sidebar/Menu item/Student view/Dropdown item | bc341134a7ede010bb88bd45cfb36f999d5be413 | 4 | 👁️ L icon#14219:0=bool (default False)🔄 L icon#14219:5=instance-swap State= Default | Hover (default Default)Dropdown= Yes | No (default No) |
| Sidebar/Menu item/Student view/Normal item (OLD) | f9180dbd8638dec49579ea53cac2eb7434d4bdea | 3 | Show badge#9552:0=bool (default True)Menu text#11085:95=text Subtext#13686:0=bool (default False)Current= False | True (default False)State= Default | Hover | Focus (default Default) |
| Sidebar/Menu item/Student view/Sub menu | 1aa9bab5054fbccacc6dad33e2c887c0c84c95a0 | 9 | ✏️ Text#6337:14=text 👁️ Icon#10262:0=bool (default True)🔄 Icon#10262:4=instance-swap Current= False | True (default False)State= Default | Hover | Focus (default Default)Style= 1 | 2 | Icon only (default 1) |