1.0.1 • Published 3 years ago

shapla-react-delete-icon v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

React Delete Icon

A simple circle with a cross based on Bulma delete element for React

Table of contents

Installation

npm install --save shapla-react-delete-icon

Usage

Styles

with Sass:

import 'shapla-react-delete-icon/src/index.scss';

with CSS:

import 'shapla-react-delete-icon/dist/delete-icon.css';

Javascript Instantiation

import React from 'react';
import DeleteIcon from 'shapla-react-delete-icon';
 
class MyApp extends React.Component {
  render() {
    return (
      <DeleteIcon size='small' onClick={this.handleClick}>Click Me</DeleteIcon>
    );
  }
  handleClick(){
    console.log('Button clicked!');  
  }
}

Props

PropertyTypeRequiredDefaultDescription
sizeStringnonormalValue can be normal or small or medium or large.
ariaLabelStringnocloseValue for html aria-label attribute