Skip to content

Add Zap component #511

@stephaniehobson

Description

@stephaniehobson

Please describe the use case(s) for this component

The zap is part of our brand identity and a way to emphasis text.

Please provide any designs or previous implementations of the proposed component

Screen Shot 2019-10-22 at 15 58 54

Screen Shot 2019-10-22 at 15 59 47

Please describe what this component does in the following conditions

  • When set in front of a dark background: The emphasized word gets a colourful underline.
  • When set in front of a light background: same as dark background.
  • When viewed in a mobile/responsive viewport: the zap should scale with the word it is emphasizing

Please provide examples of this type of component in use in non-Mozilla web properties

n/a It's in use on mozilla.org/firefox

Is the development of this component a blocking dependency for other work? Please explain if so

No, but it can be added to the new privacy hub after it has been added to Protocol.

Metadata

Metadata

Assignees

Labels

Dev ready ⚙️Indicates the story/card/tasks are ready to be coded

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions