0.7.3 • Published 12 months ago

@cerberus-design/icons v0.7.3

Weekly downloads
-
License
ISC
Repository
-
Last release
12 months ago

Icons

This is the official icon library for the Cerberus design system for React.

Installation

pnpm add @cerberus-design/icons

Usage

import { Add } from '@cerberus-design/icons';
import { IconButton, createIconButtonProps } from '@cerberus-design/react';

// An optional helper to manage a11y for the IconButton
const iconBtnProps = createIconButtonProps({
  label: 'Add to order',
  palette: 'neutral',
  size: 'lg',
});

function App() {
  return (
    <IconButton {...iconBtnProps.btn}>
      <Add {...iconBtnProps.icon} />
    </IconButton>
  );
};

Usage without the React library

import { Add } from '@cerberus-design/icons';
import { iconButton } from '@/styled-system/recipes';

function App() {
  return (
    <button aria-label="Add to order" className={iconButton()}>
      <Add aria-hidden />
    </button>
  );
};

Copyright (c) 2024 Digital University, All Rights Reserved

0.7.2

1 year ago

0.7.1

1 year ago

0.7.3

1 year ago

0.3.2

1 year ago

0.7.0

1 year ago

0.4.0

1 year ago

0.1.0

1 year ago

0.1.1

1 year ago

0.5.0

1 year ago

0.1.3

1 year ago

0.5.2

1 year ago

0.5.1

1 year ago

0.7.4-next-269ab06

12 months ago

0.2.0

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago