0.0.1-next-7fb0c14 • Published 5 days ago
@cerberus-design/react v0.0.1-next-7fb0c14
Cerberus React
This is the React component library for Cerberus.
Installation
pnpm add @cerberus-design/react
Usage
import { Button } from '@cerberus-design/react'
function BasicExample() {
return (
<form>
<Button type="submit">Submit</Button>
</form>
)
}
Basic Customization
import { Button } from '@cerberus-design/react'
function BasicExample() {
return (
<form>
<Button palette="danger" usage="outline" type="button">Cancel</Button>
</form>
)
}
Advanced Customization
You can use Panda-CSS to customize the styles of the components.
import { Button } from '@cerberus-design/react'
import { css } from '../styled-system/css'
function CustomButton() {
return (
<Button
className={css({
backgroundColor: 'yellow',
color: 'black',
borderRadius: '0.5rem',
'&:hover': {
backgroundColor: 'black',
color: 'yellow'
},
})}
>
Wu-Tang Forever
</Button>
)
}
Copyright (c) 2024 Digital University, All Rights Reserved
0.0.1-next-ecf60d3
5 days ago
0.0.1-next-462d70c
5 days ago
0.0.1-next-7393a03
5 days ago
0.0.1-next-ad7cb5b
5 days ago
0.0.1-next-57d4255
5 days ago
0.0.1-next-020d686
8 days ago
0.0.1-next-c41f897
8 days ago
0.0.1-next-f913c39
9 days ago
0.0.1-next-5ff88b2
7 days ago
0.0.1-next-34efe9a
9 days ago
0.0.1-next-895830d
10 days ago
0.0.1-next-93be6e7
12 days ago
0.0.1-next-c05ddf9
12 days ago
0.0.1-next-746b070
12 days ago
0.0.1-next-42efdbf
12 days ago
0.0.1-next-9bf4418
11 days ago
0.0.1-next-8094dab
12 days ago
0.0.1-next-6f44fa0
12 days ago
0.0.1-next-72bdec3
14 days ago
0.0.1-next-45b769a
15 days ago
0.0.1-next-04dd256
16 days ago
0.0.1-next-52a4d74
17 days ago
0.0.1-next-10e70ec
17 days ago
0.0.1-next-f31e8a2
17 days ago
0.0.1-next-7fb0c14
18 days ago