@channel.io/bezier-icons
TypeScript icon, indicating that this package has built-in type declarations

0.31.1 • Public • Published

Bezier Icons

Bezier Icons is a icon library that implements Bezier design system.

Installation

  1. (Recommend) Install @channel.io/bezier-react if you haven’t already.
  2. Install @channel.io/bezier-icons as a dependency.

npm

npm i @channel.io/bezier-icons

yarn

yarn add @channel.io/bezier-icons

Usage

All icons are available as individual React components. We recommend using them with the Icon component from our @channel.io/bezier-react library.

import { Icon } from '@channel.io/bezier-react'
import { AllIcon } from '@channel.io/bezier-icons'

function Component() {
  return (
    <div>
      <Icon source={AllIcon} />
    </div>
  )
}

You can also use them individually.

import { AllIcon } from '@channel.io/bezier-icons'

function Component() {
  return (
    <div>
      <AllIcon />
    </div>
  )
}

If you need to validate the icon source component, use the utility function isBezierIcon.

import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'

function FooIcon() {
  return <svg />
}

console.log(isBezierIcon(AllIcon)) // true
console.log(isBezierIcon(FooIcon)) // false

Contributing

See contribution guide.

Maintainers

This package is mainly contributed by Channel Corp. Although feel free to contribution, or raise concerns!

Readme

Keywords

Package Sidebar

Install

npm i @channel.io/bezier-icons

Weekly Downloads

319

Version

0.31.1

License

Apache-2.0

Unpacked Size

1.51 MB

Total Files

1673

Last publish

Collaborators

  • sungik.dev
  • quino0627
  • zoyi