Components

Accordion

Collapsible panel component for structured content organization, supporting single and multiple expanded sections.

Angular

Angular (also referred to as Angular 2+) is a TypeScript-based free and open-source single-page web application framework.

Vue.js

React

Import

import {
  XAccordion,
  XAccordionItem,
  XSlot // for lazy content
} from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <x-accordion>
      <x-accordion-item>
        Label
        <ng-template x-slot="content">
          Content
        </ng-template>
      </x-accordion-item>
    </x-accordion>
  `
})
export class Usage {}

Examples

Multiple

Item 1

Content

Item 2

Content

Item 3

Sizes

Small

Medium

Large

Radii

None

Small

Medium

Large

Api

Inputs

Name	Type	Default
`id`	`string`
`multiple`	`boolean`	false
`size`	`enum`	md
`radius`	`enum`	md

Color palette

Button

Documentation

Customization

Components

Directives

Services

Pipes

Utils