@hashicorp/ember-flight-icons
Advanced tools
The Ember addon for the HashiCorp Flight SVG icon set
An Ember addon for the icons from flight. Currently in development.
Goals:
Install this addon like any other Ember addon:
ember install @hashicorp/ember-flight-icons
The name must be specified. A default icon size of 16 is provided.
<FlightIcon @name="activity" />
Icons are set to a viewBox square size of 16 by default.
<FlightIcon @name="activity" />
Currently, we support a viewBox square size of 16 or 24. If you need your icon to be larger than 16, pass in size.
<FlightIcon @name="activity" @size="24" />
Icons are set to display: inline-block by default. To remove this, set isInlineBlock to false:
<FlightIcon @name="archive" @isInlineBlock={{false}} />
Icons are set to fill="currentColor" by default. To change this, set the desired color:
<!-- Preferred method to ensure consistency: using a :root variable -->
<FlightIcon @name="alert-circle" @color="var(--danger-d1)" />
<FlightIcon @name="alert-circle" @color="rgb(186, 34, 38)" />
<FlightIcon @name="activity" @color="red" />
Additional CSS classes can be appended to the component. Note: a class name that tries to set a color or size for the icon will be ignored by the component.
<FlightIcon @name="meh" class="demo" />
The id is automatically generated by the component, and will be unique.
Accessibility support for SVGs is inconsistent across browsers and assistive technology. Currently, best practice is to set the aria-hidden attribute to false on the SVG itself.
This means that the <FlightIcon> component will need to be used in context.
The icons themselves are for presentation purposes only and should never be used on their own.
Example:
<button aria-label="Check Activity">
<FlightIcon @name="activity" />
</button>
<h2><FlightIcon @name="activity" />Activity Report</h2>
See the Contributing guide for details.
This project is licensed under the Mozilla Public License 2.0.
We use SemVer for versioning.
FAQs
The Ember addon for the HashiCorp Flight SVG icon set
The npm package @hashicorp/ember-flight-icons receives a total of 1,475 weekly downloads. As such, @hashicorp/ember-flight-icons popularity was classified as popular.
We found that @hashicorp/ember-flight-icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.