All Questions
Tagged with tailwind-css angular
202
questions
1
vote
1
answer
39
views
Animating a progress bar styled as a dotted line
I'm creating a progress/volume bar component with Angular/Tailwind where the percentage increments are colored circles. All gray circles means 0%, all blue means 100%, 10 out of 20 means 50%, etc.
I ...
0
votes
1
answer
37
views
Using Daisy UI Colors in TypeScript
How can I use a Daisy-UI color (eg. bg-base-100) in typescript (not a utility class)? I use them in html, but cannot access them from typescript.
0
votes
0
answers
18
views
Angular microfront end w/ tailwindcss
i use module federation and multirepo in angular, i have a shell, an app (MFE) and a shared-ui
so in my shared-ui i have installed tailwindcss, i have my file tailwind.config.js and a styles.scss ...
0
votes
0
answers
40
views
Build Tailwind Style into index.html with Angular
I'm working on an Angular project with tailwind inline style, currently when I build the project, it will create a styles.css file and add the link to the index file <link rel="stylesheet"...
0
votes
0
answers
52
views
Is there a way to reference colors in Tailwind config from a package in Angular?
I am working on an Angular 17 app that uses Tailwind for styling.
This app references an Angular package that I also created, which exports a const that store config for colors:
// In package:
export ...
0
votes
0
answers
33
views
I have made the container full height using tailwind but its still scrollable
I am trying to make a container take full width but it's still scrollable. I'm using tailwind.
This is the code for that particular page.
<div class="h-screen bg-black">
<mat-...
0
votes
1
answer
18
views
tailwind group class problem using Angular
when i was creating my program i tried to used the group class function in tailwind. suprisingly it doesn't work. than i decided a new program and added this code :
<div class="tw-group tw-p-6 ...
0
votes
0
answers
105
views
Rendering Issue with Flowbite Plugin in Angular Project
I'm currently experiencing an issue with the Flowbite plugin in my Angular project. When I include require("flowbite/plugin") in my tailwind.config.js file, the rendering of my application ...
0
votes
2
answers
64
views
Split *ngFor data into 2 columns
I have this HTML:
<div class="w-full flex justify-center">
<div *ngFor="let item of items" class="flex w-1/2">
<span>{{item.label}}</span>
...
0
votes
2
answers
58
views
How to set first button radius in tailwind DaisyUi button group if it has only one button or with dynamic buttons in Angular
I am using tailwind CSS and using dynamic elements to render the buttons in the grouped view, if it has more then one button the design looks fine as first and the last button borders are curved as ...
0
votes
1
answer
62
views
Tailwind styling not working correctly when extracting the code into a component Angular 16
I have a custom table styling that I reuse in different parts of my application. I want to abstract this tailwind styling code away in different angular components, but when I do it this way the ...
1
vote
0
answers
41
views
Tailwind not working with Visual Studio 2022 Angular project
I have a .NET Core & Angular project in VS. I’m trying to use Tailwind.
If I run ng serve in the terminal, my Tailwind styles show up correctly. However, if I click “Start” in VS, the Tailwind ...
1
vote
0
answers
156
views
Tailwind CSS alternatives for Angular :host pseudo-class selector
I started using Tailwind CSS in an Angular project and I'm having some issues trying to find a clean way to replace my css styling rules that are using Angular's :host selector.
Couldn't find anything ...
0
votes
0
answers
50
views
Overwrite tailwindcss colors on runtime dynamically in angular
Multiple companies want their own color styling included inside the angular web application i am currently maintaining. I am using tailwindcss/css for styling and typescript to change the styling ...
0
votes
0
answers
42
views
Trouble setting up dynamic font application in Angular with Tailwind
I'm encountering an issue while attempting to dynamically set the font application-wide based on user choice in an Angular project with Tailwind CSS. fonts-not-applied.png
The guide I followed to set-...