GithubHelp home page GithubHelp logo

themesberg / flowbite-angular Goto Github PK

View Code? Open in Web Editor NEW
155.0 155.0 34.0 769 KB

Official Angular components built for Flowbite and Tailwind CSS

Home Page: https://flowbite-angular.com

License: MIT License

Shell 0.06% TypeScript 73.40% HTML 26.15% CSS 0.04% JavaScript 0.36%
angular flowbite tailwindcss

flowbite-angular's People

Contributors

antimprisacaru avatar armanhadifatah avatar bacali95 avatar boskiv avatar corwindev avatar goncaloacbsilva avatar mgremy avatar zoltanszogyenyi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flowbite-angular's Issues

Problem with DarkMode

I have implemented tailwind in an angular 16 app and it works correctly, when I configure the flowbite plugin, specifically when adding in the tailwind configuration

 `require('flowbite/plugin'), // add this line`

My app's dark mode is turned off completely, I've tried the dark mode settings they recommend but it doesn't work either.

To Reproduce
Steps to reproduce the behavior:

  1. Following the guide

Screenshots

with the plugin added in the tailwind config

Captura de pantalla 2023-08-21 a las 14 01 52

without the plugin added in the tailwind config

Captura de pantalla 2023-08-21 a las 14 03 21

Desktop (please complete the following information):

  • OS: [ MacOS 13.4.1]
  • Browser [chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [chrome, safari]
  • Version [latest in ago-2023]

Please update to NG15

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Migrate to standalone components

Starting with Angular version 14, standalone components are a feature that allows developers to export individual components from a library. This can make imports cleaner and more efficient, as developers only need to import the components they need.

Add ng17 support

Is your feature request related to a problem? Please describe.
I'm wanting to use flowbite for my latest project, but sadly there is no support yet for angular 17

Describe the solution you'd like
Please add support for angular 17

Describe alternatives you've considered
My alternative would be to drop flowbite for now and use tailwind to create custom components

Additional context
Add any other context or screenshots about the feature request here.
image

apexcharts with angular

Describe the bug
I am trying to add some charts into my angular application, described like here https://flowbite.com/docs/plugins/charts/ - I can't see the charts.

To Reproduce
Steps to reproduce the behavior:

  1. Generate angular app, install tailwind and configure flowbite as in docs.
  2. Add charts: true option to plugins
  3. Install npm install apexcharts --save
  4. Add this example https://flowbite.com/docs/plugins/charts/#area-chart into template as it is
  5. Can't see the chart, but the template only, seems like apexcharts can't add the charts to the template

Expected behavior
I want to see the charts in the template, just seeing the template only though.

Screenshots
Screenshot 2023-11-11 at 22 05 41

Desktop (please complete the following information):

  • OS: MacOs 13.1 (22C65)
  • Browser Chrome
  • Version 119.0.6045.123 (Official Build) (arm64)

Additional context
My angular app runs with nx.

FLowbite Components not working initially in Angular

I'm having masterLayout with router-Outler. In the master layout, I'm having a sidebar and navbar, on the sideBar i'm having multiple links to components, and all the components have some Flowbite components, but when I redirect to any particular page inside the master layout the components like a modal, accordion, dropdown not working initially, but if I reload that same page the components start working fine. Even I use the git repo of angular pre-installed with flowbite the issue still remains the same, and even if put the modal component which is in the git repo under route-outlet of the master layout it still not working. but the components like the dropdown, and navbar used in the main-layout work fine without any reload. pls help me out I can't resolve this issue

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'pages with flowbite component inside router-outlet of master layout
  2. Click on 'modal button'

Expected behavior
open modal,accordion should work fine without reloading the page manually

Screenshots
WebApp

this is package.json
image

this is the routing file
image

and this is my master layout
image

pls help me out, I'm counting on you
thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.