buffer-components
Buffer's shared collection of React UI components π€π€
νμΌ νμκΈ°
μ΅μ’ λ²μ λ€μ΄λ‘λ (.zip)- PULL_REQUEST_TEMPLATE.md
- require-context.js
- addons.js
- config.js
- preview-head.html
- snapshot.test.js.snap
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- AddMediaIcon.jsx
- AnalyticsIcon.jsx
- AnalyzeIcon.jsx
- ArrowDownIcon.jsx
- ArrowLeftIcon.jsx
- ArrowLongDownIcon.jsx
- ArrowLongLeftIcon.jsx
- ArrowLongRightIcon.jsx
- ArrowLongUpIcon.jsx
- ArrowRightIcon.jsx
- ArrowSolidDownIcon.jsx
- ArrowSolidLeftIcon.jsx
- ArrowSolidRightIcon.jsx
- ArrowSolidUpIcon.jsx
- ArrowUpIcon.jsx
- AvatarIcon.jsx
- AwesomeIcon.jsx
- BufferBottomIcon.jsx
- BufferIcon.jsx
- BufferMiddleIcon.jsx
- BufferTopIcon.jsx
- CalendarIcon.jsx
- CheckmarkIcon.jsx
- CircleAppdotnetIcon.jsx
- CircleCheckmarkIcon.jsx
- CircleFacebookIcon.jsx
- CircleGoogleBusinessIcon.jsx
- CircleGooglePlusIcon.jsx
- CircleInstagramIcon.jsx
- CircleInstReminderIcon.jsx
- CircleLinkedInIcon.jsx
- CircleMinusIcon.jsx
- CirclePinterestIcon.jsx
- CirclePlayIcon.jsx
- CirclePlusIcon.jsx
- CircleShopifyIcon.jsx
- CircleTiktokIcon.jsx
- CircleTwitterIcon.jsx
- CircleXIcon.jsx
- ClickIcon.jsx
- ClockIcon.jsx
- CloseIcon.jsx
- CloseSmallIcon.jsx
- CommentIcon.jsx
- ContentIcon.jsx
- ContentLibraryIcon.jsx
- DragIcon.jsx
- EditIcon.jsx
- ExclamationIcon.jsx
- ExportIcon.jsx
- FacebookIcon.jsx
- GifIcon.jsx
- GoogleBusinessIcon.jsx
- GoogleIcon.jsx
- ImageIcon.jsx
- index.js
- InstagramIcon.jsx
- LikeIcon.jsx
- LinkedInIcon.jsx
- LinkIcon.jsx
- LockIcon.jsx
- MessageIcon.jsx
- MoreIcon.jsx
- NewTabIcon.jsx
- NotificationCloseIcon.jsx
- NotificationIcon.jsx
- PabloIcon.jsx
- PersonIcon.jsx
- PersonsIcon.jsx
- PinterestIcon.jsx
- PlusIcon.jsx
- PricingIcon.jsx
- ProfileGroupIcon.jsx
- PublishIcon.jsx
- QuestionIcon.jsx
- QueueIcon.jsx
- RefreshIcon.jsx
- ReplyIcon.jsx
- RetweetIcon.jsx
- SearchIcon.jsx
- SettingsIcon.jsx
- ShopifyIcon.jsx
- ShuffleIcon.jsx
- SupportIcon.jsx
- TiktokIcon.jsx
- TwitterIcon.jsx
- VideoIcon.jsx
- ViewIcon.jsx
- WarningIcon.jsx
- how-to-add-icon.md
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- utils.js
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- a11yTestHelper.js
- utils.js
- utils.test.js
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- index.jsx
- story.jsx
- test.jsx
- animation.js
- border.js
- color.js
- dropShadow.js
- focused.js
- font.js
- whiteSpaces.js
- zIndex.js
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- index.jsx
- story.jsx
- test.jsx
- index.js
- index.d.ts
- .babelrc
- .eslintrc.json
- .gitignore
- .npmignore
- .travis.yml
- CHANGELOG.md
- LICENSE
- package-lock.json
- package.json
- README.md
- snapshot.test.js
- testSetup.js
# μ€μΉ κ°μ΄λ
1. μ½λ λ΄λ €λ°κΈ°
git clone https://github.com/bufferapp/buffer-components
κΉνλΈμμ νλ‘μ νΈ μ½λ μ 체λ₯Ό λ΄ μ»΄ν¨ν°λ‘ λ΄λ €λ°μ΅λλ€.
cd buffer-components
λ°©κΈ λ΄λ €λ°μ νλ‘μ νΈ ν΄λ μμΌλ‘ μ΄λν©λλ€.
2. Node.js
μ¬μ μΆμ²μ¬μ μ€λΉλ¬Ό
npm install @bufferapp/components -SE
package.jsonμ λͺ μλ λΌμ΄λΈλ¬λ¦¬λ€μ λ΄λ €λ°μ μ€μΉν©λλ€.
npm i react react-dom -SE
μ΄ λͺ λ Ήμ΄λ₯Ό ν°λ―Έλμ κ·Έλλ‘ μ λ ₯ν΄ μ€ννμΈμ.
npm i style-loader -SDE
μ΄ λͺ λ Ήμ΄λ₯Ό ν°λ―Έλμ κ·Έλλ‘ μ λ ₯ν΄ μ€ννμΈμ.
npm i
μ΄ λͺ λ Ήμ΄λ₯Ό ν°λ―Έλμ κ·Έλλ‘ μ λ ₯ν΄ μ€ννμΈμ.
npm start
κ°λ°/μ€ν μλ²λ₯Ό μΌλλ€.
λͺ
λ Ήμ΄ μ€ν ν ν°λ―Έλμ λνλλ μ£Όμ(λ³΄ν΅ http://localhost:3000 νν)λ₯Ό λΈλΌμ°μ μμ μ΄μ΄λ³΄μΈμ.
μ΄ λ ν¬μ READMEμ μ ν μ€μ λͺ λ Ήμ΄λ₯Ό κ·Έλλ‘ κ°μ Έμμ΅λλ€.
// repository documentation
Was this content helpful?
(0 ratings)
