JSPM

@welcome-ui/icons

3.13.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 554
  • Score
    100M100P100Q83430F
  • License MIT

Customizable design system with react • styled-components • styled-system and reakit.

Package Exports

  • @welcome-ui/icons

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@welcome-ui/icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@welcome-ui/icons

The Icons component from @welcome-ui.

npm bundle size License PRs Welcome

Installation

yarn add @welcome-ui/icons

Import

import { ActionIcon } from '@welcome-ui/icons.actions'
import * as Icons from '@welcome-ui/icons'

Documentation

See the documentation or package source for more details.

How to add icons in welcome-ui (from abstract)

  1. Download the svg from abstract into the icons/_assets/ folder, using snake_case for the name

  2. If your icon is monochrome, check the presence of fill="#134B45" in the svg. If it is not present, change the fill attribute.

  3. Run yarn icons

  4. Add your new icon(s) in the doc for Icons and IconsFont respectively in docs/pages/components/icons.mdx and docs/pages/components/icons-font.mdx

  5. Start/Restart your front server

  6. Go fetch a 🍺, you're done!