@pacificoseguros/icons NPM

Pacifico Icons

npm.io

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" />
  )
}

design-system ui-kit web-components

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago