0.0.2-alpha.5 • Published 2 years ago
@novem-ui/badge v0.0.2-alpha.5
@novem-ui/badge
Usage
Both components have SpacingProps
<Badge />
The component has the following props:
baseColor
(Optional): It can be any color from the theme, usesorange
by default.size
(Optional): It can besm
orlg
, useslg
by default.hierarchy
(Optional): It can beloud
orquiet
, usesloud
by default.
import { Badge, ThemeProvider } from '@novem-ui/core'
// or
import { Badge } from '@novem-ui/badge'
import { ThemeProvider } from '@novem-ui/theme'
function App() {
return (
<ThemeProvider>
<Badge>
Example badge
</Badge>
</ThemeProvider>
)
}
<FeedbackBadge />
The component has the following props:
variant
(Required): It can beerror
orsuccess
.
import { FeedbackBadge, ThemeProvider } from '@novem-ui/core'
// or
import { FeedbackBadge } from '@novem-ui/badge'
import { ThemeProvider } from '@novem-ui/theme'
function App() {
return (
<ThemeProvider>
<FeedbackBadge variant="success" />
</ThemeProvider>
)
}
0.0.2-alpha.5
2 years ago
0.0.2-alpha.4
2 years ago
0.0.2-alpha.3
2 years ago
0.0.2-alpha.2
2 years ago
0.0.2-alpha.1
2 years ago
0.0.2-alpha.0
2 years ago