So I have a page like so:
<span class="dashboard-item__header__icon dashboard-item__header__icon--modifier"></span>Header Title
should I really name it dashboard__item ?
It depends. If all the items inside dashboard are very similar and quite simple it's just fine to go with an element of
dashboard. But if they are different or complicated, you may consider to create separate blocks for each kind of possible items and optionally mix them with
dashboard__item for positioning purpose (see https://en.bem.info/methodology/faq/#mixes).
Should they use the name dashboard__item__header?
No, use something like
if I have some elements that should look different because they're inside a dashboard item?
See second part of this answer https://en.bem.info/methodology/faq/#why-should-i-avoid-using-nested-selectors
PS: You hit 3 questions from our FAQ in one post! ;)