Difference between revisions of "Toggle Hotspot"
| Line 3: | Line 3: | ||
[[File:Toggle hotspot.png|811x811px]] | [[File:Toggle hotspot.png|811x811px]] | ||
</div> | </div> | ||
==Technical Information== | |||
===Props=== | ===Props=== | ||
Name: noWastedSpace | Name: noWastedSpace | ||
| Line 53: | Line 54: | ||
None | None | ||
==Design Choice== | |||
The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which | The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contrusts the main theme -- imperial blue. | ||
[[Category:Layouts]] | [[Category:Layouts]] | ||
Revision as of 09:01, 1 July 2021
The iv-toggle-hotspot component creates a toggle hotspot with position of user's choice.
Technical Information
Props
Name: noWastedSpace
Type: Boolean
Default: false
Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given
Name: title
Type: String
Default:
Description: Used to set the name of the toggle hotspot, which will appear on the toggle button
Name: glass
Type: Boolean
Default: false
Description: If true, the component covered by the hotspot will show on top of it
Name: position
Type: String
Required: true
Validator: ['top','bottom','topright','topleft','bottomright', 'bottomleft']
Description: Used to set the position of the hotspot
Name: size
Type: Number
Default: -1
Description: Used to set the explict size on the major axis of the hotspot, if set to -1 (default) will fill all available space
Events
None
Design Choice
The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contrusts the main theme -- imperial blue.