Badge - Bitrix24 UI

Usage

Use markdown in the default slot of the badge component to display a Badge in your content.

v4.0.0

::badge
**v4.0.0**
::

API

Slots

Slot	Type
`default`	`{}`

Theme

app.config.ts

export default defineAppConfig({
  b24ui: {
    prose: {
      badge: {
        base: 'rounded-full'
      }
    }
  }
})

vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import bitrix24UIPluginVite from '@bitrix24/b24ui-nuxt/vite'

export default defineConfig({
  plugins: [
    vue(),
    bitrix24UIPluginVite({
      b24ui: {
        prose: {
          badge: {
            base: 'rounded-full'
          }
        }
      }
    })
  ]
})

Accordion

Add interactive toggles for a more structured content presentation.

Callout

Organize critical content for easy scanning with colored panels and intuitive symbols.