Brand containers

[petemill]

Goals

• Allow designer to specify areas which are themed according to sub-brands

Needs

• Know which areas which will have Brave / Rewards / Publishers 'look'

Method

• Each core component needs to be able to be Brave or Rewards (or maybe Publishers). Default to Brave. For example:
  • Button's accent variant
  • Toggle's on variant
  • Text which is accent
• Any layout area can specify whether all descendant Brave-UI controls change their brand default to Rewards or Publishers.

e.g. on it's own, Toggle and Button could be forced in to a brand via:

<div>
  <Toggle brand="Rewards" />
  <Button brand="Rewards" type="accent" level="primary" text="Save" />
</div>

...but it could be inside a new BrandContainer component which would change it automatically:

<BrandContainer brand="Rewards">
  <Toggle />
  <Button type="accent" level="primary" text="Save" />
</BrandContainer>