-
Notifications
You must be signed in to change notification settings - Fork 48
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: assets while building library (#71)
- Loading branch information
Showing
4 changed files
with
400 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| MIT License | ||
|
|
||
| Copyright (c) 2022 Themesberg | ||
|
|
||
| Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| of this software and associated documentation files (the "Software"), to deal | ||
| in the Software without restriction, including without limitation the rights | ||
| to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| copies of the Software, and to permit persons to whom the Software is | ||
| furnished to do so, subject to the following conditions: | ||
|
|
||
| The above copyright notice and this permission notice shall be included in all | ||
| copies or substantial portions of the Software. | ||
|
|
||
| THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
| SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,376 @@ | ||
| <div align="center"> | ||
| <h1>:construction: flowbite-angular (unreleased) :construction:</h1> | ||
| <p> | ||
| <a href="https://flowbite.com"> | ||
| <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github.png"> | ||
| </a> | ||
| </p> | ||
| <p> | ||
| Build websites even faster with components on top of Angular and Tailwind CSS | ||
| </p> | ||
| <p> | ||
| <a href="https://discord.com/invite/4eeurUVvTy"> | ||
| <img src="https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord" alt="Discord"> | ||
| </a> | ||
| <a href="https://www.npmjs.com/package/flowbite-angular"> | ||
| <img src="https://img.shields.io/npm/dt/flowbite-angular.svg" alt="Total Downloads"> | ||
| </a> | ||
| <a href="https://badge.fury.io/js/flowbite-angular"> | ||
| <img alt="Latest release" src="https://badge.fury.io/js/flowbite-angular.svg"> | ||
| </a> | ||
| <a href="https://flowbite.com/docs/getting-started/license/"> | ||
| <img src="https://img.shields.io/badge/license-MIT-blue" alt="License"> | ||
| </a> | ||
| </p> | ||
| </div> | ||
|
|
||
| --- | ||
|
|
||
| **`flowbite-angular` is an open source collection of UI components, built in Angular, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.** | ||
|
|
||
| ## Table of Contents | ||
|
|
||
| - [Documentation](#documentation) | ||
| - [Getting started](#getting-started) | ||
| - [Components](#components) | ||
| - [Community](#community) | ||
| - [Contributing](#contributing) | ||
| - [Figma](#figma) | ||
| - [Copyright and license](#copyright-and-license) | ||
|
|
||
| ## Documentation | ||
|
|
||
| Documentation for `flowbite-angular` is not yet finished. | ||
|
|
||
| If you want to browse the components, visit [flowbite-angular.com](https://flowbite-angular.com/). | ||
|
|
||
| If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/). | ||
|
|
||
| ## Getting started | ||
|
|
||
| To use `flowbite-angular`, you just need to setup `flowbite` normally and install `flowbite-angular` from `npm`. | ||
|
|
||
| `flowbite` can be included as a plugin into an existing Tailwind CSS project. | ||
|
|
||
| ### Require via `npm` | ||
|
|
||
| Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" >Node.js</a> and <a href="https://tailwindcss.com/" rel="nofollow" >Tailwind CSS</a> installed. | ||
|
|
||
| 1. Install `flowbite` as a dependency using `npm` by running the following command: | ||
|
|
||
| ```bash | ||
| npm i flowbite flowbite-angular | ||
| ``` | ||
|
|
||
| 2. Require `flowbite` as a plugin inside the `tailwind.config.js` file: | ||
|
|
||
| ```javascript | ||
| module.exports = { | ||
| plugins: [require('flowbite/plugin')], | ||
| }; | ||
| ``` | ||
|
|
||
| ## Components | ||
|
|
||
| <table> | ||
| <tr> | ||
| <td width="33.3333%">Alerts</td> | ||
| <td width="33.3333%">Badges</td> | ||
| <td width="33.3333%">:construction: Breadcrumbs</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/alerts/"> | ||
| <img alt="Tailwind CSS Alerts" src="https://flowbite.s3.amazonaws.com/github/alerts.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/badges/"> | ||
| <img alt="Tailwind CSS Badge" src="https://flowbite.s3.amazonaws.com/github/badge.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/breadcrumb/"> | ||
| <img alt="Tailwind CSS Breadcrumbs" src="https://flowbite.s3.amazonaws.com/github/breadcrumbs.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Buttons</td> | ||
| <td width="33.3333%">:construction: Button group</td> | ||
| <td width="33.3333%">:construction: Cards</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/buttons/"> | ||
| <img alt="Tailwind CSS Buttons" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/button-group/"> | ||
| <img alt="Tailwind CSS Button Group" src="https://flowbite.s3.amazonaws.com/github/button-group.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/card/"> | ||
| <img alt="Tailwind CSS Cards" src="https://flowbite.s3.amazonaws.com/github/cards.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Dropdown</td> | ||
| <td width="33.3333%">:construction: Forms</td> | ||
| <td width="33.3333%">:construction: List group</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/dropdown/"> | ||
| <img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/forms/"> | ||
| <img alt="Tailwind CSS Forms" src="https://flowbite.s3.amazonaws.com/github/forms.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/list-group/"> | ||
| <img alt="Tailwind CSS List group" src="https://flowbite.s3.amazonaws.com/github/list-group.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Typography</td> | ||
| <td width="33.3333%">:construction: Modal</td> | ||
| <td width="33.3333%">:construction: Tabs</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/typography/"> | ||
| <img alt="Tailwind CSS Typography" src="https://flowbite.s3.amazonaws.com/github/typography.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/modal/"> | ||
| <img alt="Tailwind CSS Modal" src="https://flowbite.s3.amazonaws.com/github/modal.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/tabs/"> | ||
| <img alt="Tailwind CSS Tabs" src="https://flowbite.s3.amazonaws.com/github/tabs.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Navbar</td> | ||
| <td width="33.3333%">:construction: Pagination</td> | ||
| <td width="33.3333%">:construction: Timeline</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/navbars/"> | ||
| <img alt="Tailwind CSS Navbar" src="https://flowbite.s3.amazonaws.com/github/navbar.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/pagination/"> | ||
| <img alt="Tailwind CSS Pagination" src="https://flowbite.s3.amazonaws.com/github/pagination.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/timeline/"> | ||
| <img alt="Tailwind CSS Timeline" src="https://flowbite.s3.amazonaws.com/github/timeline.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Progress bar</td> | ||
| <td width="33.3333%">:construction: Tables</td> | ||
| <td width="33.3333%">:construction: Toast</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/progress/"> | ||
| <img alt="Tailwind CSS Progress Bar" src="https://flowbite.s3.amazonaws.com/github/progress.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/tables/"> | ||
| <img alt="Tailwind CSS Tables" src="https://flowbite.s3.amazonaws.com/github/tables.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/toast/"> | ||
| <img alt="Tailwind CSS Toast" src="https://flowbite.s3.amazonaws.com/github/toast.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Tooltips</td> | ||
| <td width="33.3333%">:construction: Datepicker</td> | ||
| <td width="33.3333%">:construction: Spinner</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/tooltips/"> | ||
| <img alt="Tailwind CSS Tooltips" src="https://flowbite.s3.amazonaws.com/github/tooltips.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/plugins/datepicker/"> | ||
| <img alt="Tailwind CSS Datepicker" src="https://flowbite.s3.amazonaws.com/github/datepicker.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/spinner/"> | ||
| <img alt="Tailwind CSS Spinner" src="https://flowbite.s3.amazonaws.com/github/spinner.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Footer</td> | ||
| <td width="33.3333%">:construction: Accordion</td> | ||
| <td width="33.3333%">:construction: Sidebar</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/footer/"> | ||
| <img alt="Tailwind CSS Footer" src="https://flowbite.s3.amazonaws.com/github/footer.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/accordion/"> | ||
| <img alt="Tailwind CSS Accordion" src="https://flowbite.s3.amazonaws.com/github/accordion.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/sidebar/"> | ||
| <img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Carousel</td> | ||
| <td width="33.3333%">:construction: Avatar</td> | ||
| <td width="33.3333%">:construction: Rating</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/carousel/"> | ||
| <img alt="Tailwind CSS Carousel" src="https://flowbite.s3.amazonaws.com/github/carousel.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/avatar/"> | ||
| <img alt="Tailwind CSS Avatar" src="https://flowbite.s3.amazonaws.com/github/avatar.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite-angular.com/#/rating/"> | ||
| <img alt="Tailwind CSS Rating" src="https://flowbite.s3.amazonaws.com/github/rating.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Input Field</td> | ||
| <td width="33.3333%">:construction: File Input</td> | ||
| <td width="33.3333%">:construction: Search Input</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/input-field/"> | ||
| <img alt="Tailwind CSS Input Field" src="https://flowbite.s3.amazonaws.com/github/input-field.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/file-input/"> | ||
| <img alt="Tailwind CSS File Input" src="https://flowbite.s3.amazonaws.com/github/file-input.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/search-input/"> | ||
| <img alt="Tailwind CSS Search Input" src="https://flowbite.s3.amazonaws.com/github/search-input.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Select</td> | ||
| <td width="33.3333%">:construction: Textarea</td> | ||
| <td width="33.3333%">:construction: Checkbox</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/select/"> | ||
| <img alt="Tailwind CSS Select" src="https://flowbite.s3.amazonaws.com/github/select.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/textarea/"> | ||
| <img alt="Tailwind CSS Textarea" src="https://flowbite.s3.amazonaws.com/github/textarea.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/checkbox/"> | ||
| <img alt="Tailwind CSS Checkbox" src="https://flowbite.s3.amazonaws.com/github/checkbox.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Radio</td> | ||
| <td width="33.3333%">:construction: Toggle</td> | ||
| <td width="33.3333%">:construction: Range Slider</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/radio/"> | ||
| <img alt="Tailwind CSS Radio" src="https://flowbite.s3.amazonaws.com/github/radio.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/toggle/"> | ||
| <img alt="Tailwind CSS Toggle" src="https://flowbite.s3.amazonaws.com/github/toggle.jpg"> | ||
| </a> | ||
| </td> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/range/"> | ||
| <img alt="Tailwind CSS Range Slider" src="https://flowbite.s3.amazonaws.com/github/range-slider.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%">:construction: Floating Label</td> | ||
| </tr> | ||
| <tr> | ||
| <td width="33.3333%"> | ||
| <a href="https://flowbite.com/docs/forms/floating-label/"> | ||
| <img alt="Tailwind CSS Floating Label" src="https://flowbite.s3.amazonaws.com/github/floating-label.jpg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ## Community | ||
|
|
||
| If you need help or just want to discuss the library join the community on GitHub: | ||
|
|
||
| ⌨️ [Discuss Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions) | ||
|
|
||
| For casual chatting with others using the library: | ||
|
|
||
| 💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy) | ||
|
|
||
| ## Contributing | ||
|
|
||
| Thank you for your interest in helping! Visit our [guide on contributing](https://github.com/themesberg/flowbite-angular/blob/main/CONTRIBUTING.md) to get started. | ||
|
|
||
| ## Figma | ||
|
|
||
| If you need the Figma files for the components you can check out our website for more information: | ||
|
|
||
| 🎨 [Get access to the Figma design files](https://flowbite.com/figma/) | ||
|
|
||
| ## Copyright and license | ||
|
|
||
| The Flowbite name and logos are trademarks of Crafty Dwarf Inc. | ||
|
|
||
| 📝 [Read about the licensing terms](https://flowbite.com/docs/getting-started/license/) |
Oops, something went wrong.