feat(notification-badge): create component with story
This commit is contained in:
parent
9d70d3e3c0
commit
2d6f58d479
|
@ -0,0 +1,19 @@
|
||||||
|
import type { Meta, StoryObj } from '@storybook/react'
|
||||||
|
|
||||||
|
import NotificationBadge from './NotificationBadge'
|
||||||
|
|
||||||
|
const meta = {
|
||||||
|
title: 'General/NotificationBadge',
|
||||||
|
component: NotificationBadge,
|
||||||
|
parameters: {
|
||||||
|
layout: 'centered',
|
||||||
|
},
|
||||||
|
tags: ['autodocs'],
|
||||||
|
} satisfies Meta<typeof NotificationBadge>
|
||||||
|
|
||||||
|
export default meta
|
||||||
|
type Story = StoryObj<typeof meta>
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
args: {},
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { NotificationBadgeIcon } from '@status-im/icons'
|
||||||
|
|
||||||
|
const NotificationBadge = () => {
|
||||||
|
return (
|
||||||
|
<NotificationBadgeIcon
|
||||||
|
size={20}
|
||||||
|
style={{
|
||||||
|
position: 'absolute',
|
||||||
|
right: -7,
|
||||||
|
top: -5.5,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default NotificationBadge
|
Loading…
Reference in New Issue