reveil/ui/src/lib/components/CardStatRoutines.svelte

35 lines
657 B
Svelte

<script>
import {
Badge,
Card,
CardHeader,
ListGroup,
ListGroupItem,
Icon,
} from '@sveltestrap/sveltestrap';
export let routinesStats = [
{
id: 1,
name: "Classique",
nb: 10,
},
];
</script>
<Card>
<CardHeader>
Routines favorites
</CardHeader>
<ListGroup numbered>
{#each routinesStats as routine (routine.id)}
<ListGroupItem>
{routine.name}
<Badge color="primary" class="float-end">
{routine.nb}
</Badge>
</ListGroupItem>
{/each}
</ListGroup>
</Card>