david-ui-org / david-ui-angular

The components library for enterprise-level projects based on Tailwind CSS and Angular.
https://david-ui-angular.com
MIT License
67 stars 10 forks source link

[hideDivider]="true" doesn't hide the line beneath the accordion header #18

Open AnassL opened 6 months ago

AnassL commented 6 months ago

Angular version of accordion doesn't hide the separator between the header and body, by using [hideDivider]="true" doesn't hide the line beneath the accordion header

<dui-accordion className="space-y-16">
    <dui-accordion-expansion [alwaysOpen]="true" [hideDivider]="true" className="active overflow-hidden rounded-lg border border-default-200 bg-default-50">
        <dui-accordion-header [showIcon]="true" className="border-none" title="What is David UI Angular?"></dui-accordion-header>
        <dui-accordion-body className="text-base">
        Web design is the process of creating the visual and functional elements of a website.
        </dui-accordion-body>
    </dui-accordion-expansion>
    <dui-accordion-expansion className=" rounded-lg border border-default-200 bg-default-50">
        <dui-accordion-header [showIcon]="true" title="Are these projects real or concepts?"></dui-accordion-header>
        <dui-accordion-body>
        The projects featured in my portfolio are a mix of real-world projects I've completed and conceptual designs that showcase my creative thinking and design skills.
        </dui-accordion-body>
    </dui-accordion-expansion>
    <dui-accordion-expansion className=" rounded-lg border border-default-200 bg-default-50">
        <dui-accordion-header [showIcon]="true" title="How often is the portfolio updated?" ></dui-accordion-header>
        <dui-accordion-body>
        I strive to keep my portfolio up-to-date with my latest work and projects. I regularly update it to reflect my evolving skills and design philosophy.
        </dui-accordion-body>
    </dui-accordion-expansion>
    <dui-accordion-expansion className=" rounded-lg border border-default-200 bg-default-50">
        <dui-accordion-header [showIcon]="true" title="Can I leave feedback or comments on the portfolio projects?" ></dui-accordion-header>
        <dui-accordion-body>
            At the moment, I don't have a comments section on the portfolio pages. However, I welcome feedback and inquiries.
        </dui-accordion-body>
        </dui-accordion-expansion>
    </dui-accordion>