0.0.1-next-e982b54 • Published 30 days ago
@cerberus-design/icons v0.0.1-next-e982b54
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.0.1-next-ecf60d3
30 days ago
0.0.1-next-462d70c
30 days ago
0.0.1-next-7393a03
30 days ago
0.0.1-next-ad7cb5b
30 days ago
0.0.1-next-57d4255
30 days ago
0.0.1-next-020d686
1 month ago
0.0.1-next-c41f897
1 month ago
0.0.1-next-f913c39
1 month ago
0.0.1-next-5ff88b2
1 month ago
0.0.1-next-34efe9a
1 month ago
0.0.1-next-895830d
1 month ago
0.0.1-next-93be6e7
1 month ago
0.0.1-next-c05ddf9
1 month ago
0.0.1-next-746b070
1 month ago
0.0.1-next-42efdbf
1 month ago
0.0.1-next-9bf4418
1 month ago
0.0.1-next-8094dab
1 month ago
0.0.1-next-6f44fa0
1 month ago
0.0.1-next-72bdec3
1 month ago
0.0.1-next-45b769a
1 month ago
0.0.1-next-04dd256
1 month ago
0.0.1-next-52a4d74
1 month ago
0.0.1-next-10e70ec
1 month ago
0.0.1-next-f31e8a2
1 month ago
0.0.1-next-94fc389
1 month ago
0.0.1-next-7fb0c14
1 month ago
0.0.1-next-e982b54
2 months ago