open-index/open-npm huggingface dataset:
npm package: @midas-ds/accordion
Description: ```bash npm i @midas-ds/accordion ```
Latest version: 1.0.4
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# accordion

```bash
npm i @midas-ds/accordion
```

```tsx
import {
  Accordion,
  AccordionItem,
  AccordionTrigger,
  AccordionContent,
} from '@midas-ds/accordion'
;<Accordion
  collapsible
  headingTag="h3"
  type="single"
>
  <AccordionItem value="Ett">
    <AccordionTrigger>Trigger Ett</AccordionTrigger>
    <AccordionContent>Content Ett</AccordionContent>
  </AccordionItem>
  <AccordionItem value="Två">
    <AccordionTrigger>Trigger Två</AccordionTrigger>
    <AccordionContent>Content Två</AccordionContent>
  </AccordionItem>
  <AccordionItem value="Tre">
    <AccordionTrigger>Trigger Tre</AccordionTrigger>
    <AccordionContent>Content Tre</AccordionContent>
  </AccordionItem>
  <AccordionItem value="Fyra">
    <AccordionTrigger>Trigger Fyra</AccordionTrigger>
    <AccordionContent>Content Fyra</AccordionContent>
  </AccordionItem>
</Accordion>
```
npm package: @midas-ds/breadcrumbs
Description: ```bash npm i @midas-ds/breadcrumbs ```
Latest version: 1.0.5
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# Breadcrumbs

```bash
npm i @midas-ds/breadcrumbs
```

```tsx
import { Breadcrumbs } from '@midas-ds/breadcrumbs'
;<Breadcrumbs items={[{ title: 'Länk', href: '#' }]} />
```
npm package: @midas-ds/button
Description: ```bash npm i @midas-ds/button ```
Latest version: 1.2.1
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# button

```bash
npm i @midas-ds/button
```

```tsx
import { Button } from '@midas-ds/button'
;<Button>Klicka på mig</Button>
```
npm package: @midas-ds/card
Description: ```bash npm i @midas-ds/card ```
Latest version: 2.1.0
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# Card

```bash
npm i @midas-ds/card
```

```tsx
import { Card } from '@midas-ds/card'
;<Card
  title='Ett kort'
  content='Med text som beskriver vad det innebär'
  headingTag='h2'
  link={{ title: 'Länk', href: '#' }}
  image={{
    description: 'Glass!',
    source:
      'https://t0.gstatic.com/licensed-image?q=tbn:ANd9GcSRA1VvVWshDqdk-IbClyNwWoUAjMnFQ5KQLb8eH0hu4gCCvfvqMEcQqOF-CTro2maW'
  }}
/>
```
npm package: @midas-ds/checkbox
Description: ```bash npm i @midas-ds/checkbox ```
Latest version: 1.0.3
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# Checkbox

```bash
npm i @midas-ds/checkbox
```

```tsx
import { CheckboxGroup, Checkbox } from '@midas-ds/checkbox'
;<CheckboxGroup
  description="Beskrivning"
  errorMessage="här gick det snett"
  label="Etikett"
>
  <Checkbox value="Banan">Banan</Checkbox>
  <Checkbox value="Apple">Apple</Checkbox>
  <Checkbox value="Mango">Mango</Checkbox>
</CheckboxGroup>
```
npm package: @midas-ds/combobox
Description: ```bash npm i @midas-ds/combobox ```
Latest version: 1.0.6
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# select

```bash
npm i @midas-ds/combobox
```

```tsx
import { ComboBox, Item } from '@midas-ds/combobox';

const options = [
  { id: 'apple', name: 'Apple' },
  { id: 2, name: 'Banana' },
  { id: 3, name: 'Kiwi' },
  { id: 4, name: 'Elderflower' },
  { id: 5, name: 'Nectarine' },
  { id: 6, name: 'Watermelon' },
  { id: 7, name: 'Pineapple' },
  { id: 8, name: 'Apricot' },
  { id: 9, name: 'Cloudberry' },
]

<ComboBox
  label="Välj en frukt"
  items={options}
>
  {(item) => <Item>{item.name}</Item>}
</ComboBox>
```