Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tata-v/briefy-storybook
https://github.com/tata-v/briefy-storybook
npm react storybook styled-components typescript
Last synced: 12 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/tata-v/briefy-storybook
- Owner: TATA-V
- Created: 2023-12-24T00:57:31.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-10-11T13:42:18.000Z (about 1 month ago)
- Last Synced: 2024-10-11T13:45:14.793Z (about 1 month ago)
- Topics: npm, react, storybook, styled-components, typescript
- Language: TypeScript
- Homepage: https://briefy-storybook.vercel.app
- Size: 3.31 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# briefy storybook
🔗 _**storybook deploy link**_
## Installation
```bash
npm i -D briefy-design
```
## Usage
**Button**
```jsx
import { Button } from 'briefy-design'
function MainPage() {
return (
alert('click!')}
title="name"
size="medium"
mode="lineBlue"
/>
)
}
```
**Input**
```jsx
import { Input } from 'briefy-design'
function MainPage() {
return (
) => console.log(e.target.value)}
/>
)
}
```
**Interest**
```jsx
import { Interest } from 'briefy-design'
function MainPage() {
return (
alert(title)} />
)
}
```
**ArticleCard**
```jsx
import { ArticleCard } from 'briefy-design'
function MainPage() {
return (
alert('클릭!')}
/>
)
}
```
**NewsLetterCard**
```jsx
import { NewsLetterCard } from 'briefy-design'
function MainPage() {
return (
alert('뉴스레터')}
/>
)
}
```