Skip to main content

Chip

img

Usage​

import React from 'react'
import { Chip } from 'qdm-component-library'

function App() {
  return (
    <Chip
      onClick={() => console.log('chip clicked')}
      UserIcon={
        <img
          src="https://image.flaticon.com/icons/png/512/742/742751.png"
          alt="Contact Person"
        />
      }
      name="Chip"
    />
  )
}
export default App

Reference​

Props​

className​

props for providing classname to Chip component string

id​

props for providing id to Chip component string

name​

props for providing name to Chip component string

UserIcon​

props for providing name icon to Chip component any

variant​

props for providing circle or square variant to Chip component 'circle'| 'square'

closeIcon​

props for changing close icon to Chip component any

inLineStyles​

props give addition props to the Chip Component type Object