IconButton

Combines an icon with a button to trigger actions with a minimal, visually intuitive interface.

@arctic-kit/snow

View source code

View storybook

Usage

Color

Size

Rounded

No Border

Disabled

import { Square3Stack3dIcon } from '@arctic-kit/icons';
import { IconButton } from '@arctic-kit/snow';

function Demo() {
  return (
    <IconButton color="primary" size="medium">
      <Square3Stack3dIcon />
    </IconButton>
  );
}

API Reference

Props	Type	Default
`color`	`"success" \| "error" \| "warning" \| "info" \| "primary" \| "secondary"`	`"primary"`
`disabled`	`boolean \| undefined`	---
`noBorder`	`boolean \| undefined`	---
`rounded`	`boolean \| undefined`	---
`size`	`"small" \| "medium" \| "large"`	`medium`

Grid List