The fastest way to get the info for any element is by using Peek.
Press and hold
alt (on linux and windows) or
option (on mac) and hovering over an element, you get a quick overview of the element like
- fonts, colors, dimensions and spacing,
- accessibility info like color contrast, role and accessible name,
- a visual highlight of the element and its spacing.
This feature is especially usefuk if you want to quickly find out which color or font is used, or how much padding or margin an element has on any side.
Click on the highlighted element and it will open in the Element inspector where you can inspect or edit it further.
Is your question not answered?
Ask via Twitter, Slack or our contact form