0.3.1 • Published 6 years ago

@pacificoseguros/icons

Licence

GPL-3.0

Version

0.3.1

Deps

Size

4.3 MB

Vulns

Weekly

Summary Dependency Versions

Pacifico Icons

This is part of the Pacifico Seguros' design system.

Documentation

You can see all the icons live on the docs.

How to use

To use a Web Component and use as you want. For example, to use with plain HTML.

<head>
  <script type="module" script="node_modules/@pacificoseguros/icons/house"></script>
</head>
<body>
  <ck-icon-house></ck-icon-house>
</body>

You can import the components using JavaScript too:

import '@pacificoseguros/elements/icon/house'

// root is a HTML node
root.innerHTML = html`
  <ck-icon-house></ck-icon-house>
`

Or if you're using React...

import React from 'react'
import from '@pacificoseguros/icons/house'

export const MyView = function() {
  return (
    <ck-icon-house color="#09c" />
  )
}