tail-kit
React UI kit built using tailwindcss
File Explorer
Download Latest Version (.zip)- README.md
- bug_report.md
- feature_request.md
- new-comonent-template.md
- firebase-hosting-merge.yml
- firebase-hosting-pull-request.yml
- node.js.yml
- release.yml
- brand-image.png
- tail-kit-logo.png
- tail-kit-logo.ico
- theme.css
- main.js
- manager-head.html
- manager.js
- preview-head.html
- preview.js
- theme.js
- alert-button.tsx
- alert-context.ts
- alert.stories.tsx
- alert.test.tsx
- alert.tsx
- index.ts
- avatar-context.ts
- avatar-group.tsx
- avatar.stories.tsx
- avatar.test.tsx
- avatar.tsx
- index.ts
- button-spinner.tsx
- button.stories.tsx
- button.test.tsx
- button.tsx
- index.ts
- checkbox-group.tsx
- checkbox.stories.tsx
- checkbox.test.tsx
- checkbox.tsx
- index.ts
- week.tsx
- date-picker.stories.tsx
- date-picker.test.tsx
- date-picker.tsx
- index.ts
- reducer.ts
- utils.ts
- drawer.stories.tsx
- drawer.test.tsx
- drawer.tsx
- index.ts
- form-context.ts
- form-item.tsx
- form.stories.tsx
- form.test.tsx
- form.tsx
- index.ts
- index.ts
- input.stories.tsx
- input.test.tsx
- input.tsx
- index.ts
- input-number.stories.tsx
- input-number.test.tsx
- input-number.tsx
- utils.ts
- index.ts
- menu.stories.css
- menu.stories.tsx
- menu.test.tsx
- menu.tsx
- index.ts
- message-context.ts
- message.stories.tsx
- message.test.tsx
- message.tsx
- index.ts
- modal.stories.tsx
- modal.test.tsx
- modal.tsx
- nps-scale.tsx
- index.ts
- nps.stories.tsx
- nps.test.tsx
- nps.tsx
- page-button.tsx
- index.ts
- pagination.stories.tsx
- pagination.test.tsx
- pagination.tsx
- index.ts
- popover.stories.tsx
- popover.test.tsx
- popover.tsx
- index.ts
- portal.tsx
- index.ts
- radio-group.tsx
- radio.stories.tsx
- radio.test.tsx
- radio.tsx
- select-option.tsx
- index.ts
- reducer.ts
- select.stories.tsx
- select.test.tsx
- select.tsx
- types.ts
- utils.ts
- index.ts
- switch.stories.tsx
- switch.test.tsx
- switch.tsx
- index.ts
- tabs.stories.tsx
- tabs.test.tsx
- tabs.tsx
- index.ts
- tooltip.stories.tsx
- tooltip.test.tsx
- tooltip.tsx
- index.ts
- use-long-press.ts
- index.ts
- use-outside-click.test.tsx
- use-outside-click.ts
- index.ts
- use-portal-position.ts
- index.ts
- use-previous.test.tsx
- use-previous.ts
- index.ts
- use-synced-states.test.tsx
- use-synced-states.ts
- index.css
- safelist.txt
- dom.ts
- isNumber.ts
- keyboard.ts
- portal.test.ts
- portal.ts
- range.ts
- index.ts
- .npmignore
- babel.config.js
- jest.config.js
- jest.setup.js
- package.json
- postcss.config.js
- README.md
- rollup.config.js
- tailwind.config.js
- tsconfig.json
- popover1.svg
- popover2.svg
- popover3.svg
- brand-image.png
- og-image.jpg
- tail-kit-logo.png
- code-block.tsx
- index.ts
- copy-button.tsx
- index.ts
- doc-shell.tsx
- index.ts
- heading.tsx
- index.ts
- index.ts
- navbar.tsx
- index.ts
- page-heading.tsx
- index.ts
- page-nav.tsx
- index.ts
- playground.tsx
- index.ts
- props-table.tsx
- index.ts
- sidebar.tsx
- index.ts
- wrapper.tsx
- docs-sidebar.json
- tabs-list.ts
- users.ts
- props-context.tsx
- alert.mdx
- avatar.mdx
- button.mdx
- checkbox.mdx
- date-picker.mdx
- drawer.mdx
- form.mdx
- input-number.mdx
- input.mdx
- menu.mdx
- message.mdx
- modal.mdx
- pagination.mdx
- popover.mdx
- select.mdx
- switch.mdx
- tabs.mdx
- tooltip.mdx
- use-device-size.ts
- use-headings.ts
- [id].tsx
- _app.tsx
- index.tsx
- rehype-heading.ts
- rehype-playground.ts
- index.css
- compile-mdx.ts
- format.ts
- get-component-props.ts
- sanitize.ts
- .gitignore
- next-env.d.ts
- next.config.js
- package.json
- postcss.config.js
- tailwind.config.js
- tsconfig.json
- .eslintignore
- .eslintrc.yml
- .firebaserc
- .gitignore
- .node-version
- .prettierrc
- firebase.json
- lerna.json
- package.json
- README.md
- tailwind.config.js
- yarn.lock
# Installation Guide
1. Get the code
git clone https://github.com/dopplr-labs/tail-kit
Downloads the entire project code from GitHub to your computer.
cd tail-kit
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
yarn add @tail-kit/tail-kit react-icons react-hook-form
Type this command into your terminal and run it.
npm install @tail-kit/tail-kit react-icons react-hook-form --save
Downloads and installs the libraries listed in package.json.
<img alt="latest version" src="https://img.shields.io/npm/v/@tail-kit/tail-kit" />
Type this command into your terminal and run it.
<img alt="types included" src="https://badgen.net/npm/types/@tail-kit/tail-kit" />
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
