@hdoc-react/button

@hdoc-react/button

Simple button components for your React app

Demo generated with code from Usage section

Installation

npm install @hdoc-react/button

Usage

import { DeleteIcon, FavoriteIcon, SearchIcon } from "third-party-package";
import { Button, ButtonIcon, ButtonGroup } from "@hdoc-react/button";

function App() {
  return (
    <>
      <Button size="large" color="primary" iconEnd={<DeleteIcon />}>
        Delete
      </Button>
      <ButtonIcon color="error">
        <FavoriteIcon />
      </ButtonIcon
      <ButtonGroup>
        <Button>One</Button>
        <Button>Two</Button>
        <Button>Three</Button>
        <ButtonIcon>
          <SearchIcon />
        </ButtonIcon>
      </ButtonGroup>
    </>
  );
}

API

See documentation below for reference to all of the props, classes and CSS variables (custom properties) available for the following components:

• <Button />
• <ButtonIcon />
• <ButtonGroup />