Skip to main content
Home
Browse packagesDocsSign in

@doodleui/icons@0.0.0

latest
It is unknown whether this package works with Cloudflare Workers, Node.js, Deno, Bun, Browsers
It is unknown whether this package works with Cloudflare Workers
It is unknown whether this package works with Node.js
It is unknown whether this package works with Deno
It is unknown whether this package works with Bun
It is unknown whether this package works with Browsers
JSR Score
82%
Published
a year ago (0.0.0)

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: 'page',
  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 '@cerberus-design/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

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";
or

Import directly with a jsr specifier

import * as icons from "jsr:@doodleui/icons";

Add Package

pnpm i jsr:@doodleui/icons
or (using pnpm 10.8 or older)
pnpm dlx jsr add @doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";

Add Package

yarn add jsr:@doodleui/icons
or (using Yarn 4.8 or older)
yarn dlx jsr add @doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";

Add Package

vlt install jsr:@doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";

Add Package

npx jsr add @doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";

Add Package

bunx jsr add @doodleui/icons

Import symbol

import * as icons from "@doodleui/icons";