IconicButton

A button that's an icon, with or without a label.

children

Label

Label

icon

delete

iconSize

fontSize

tooltip

disabled

className

import * as React from "react";
import { IconicButton } from "@nulogy/components";

export default () => {
  return (
    <IconicButton
      icon="delete"
      fontSize="medium"
      tooltip="A tooltip label"
    >
      Label
    </IconicButton>
  );
}

import * as React from "react";
import { IconicButton } from "@nulogy/components";

export default () => {
  return (
    <IconicButton
      icon="delete"
      fontSize="medium"
      tooltip="A tooltip label"
    >
      Label
    </IconicButton>
  );
}

Props

Name	Type	Default	Description
children	react node		The label for the icon.
icon	enum		The icon to display. See the Icons component for all possible options.
iconSize	string		The size of the icon.
fontSize	string		The size of the text.
tooltip	string		displays a tooltip with the passed in string.
disabled	boolean	false	Lightens the opacity and makes the button unable to be clicked.
className	string		className passed to the button component.

IconicButton

Props

Related Components