Listgroup

[jjagielka]

Closes #1111

📑 Description

Adds attrs parameter to ListGroupItemType allowing passing attributes to <a> and <button> elements in ListgroupItems.

You can pass extra properties to the <a> element by setting the attrs atrribute in the items list.

<script>
  import { Listgroup } from 'flowbite-svelte';
  let links = [
    { name: 'Accordions', href: '/docs/components/accordion', current: true },
    { name: 'Alerts', href: '/docs/components/alerts' },
    { name: 'Badges', href: '/docs/components/badges' },
    { name: 'Breadcrumbs', href: '/docs/components/breadcrumbs', attrs: {target: '_blank'} }
  ];
</script>

<Listgroup active items={links} let:item class="w-48">
  {item.name}
</Listgroup>

Status

• Not Completed
• Completed

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• I have checked the page with https://validator.unl.edu/
• All the tests have passed
• My pull request is based on the latest commit (not the npm version).

ℹ Additional Information

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 3, 2023 9:13am
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 3, 2023 9:13am