Banner

A banner is a full-width component that can be used to show a message and action to the user.

Installation

        npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/banner.json
    

Features

  • Controlled and uncontrolled visibility state
  • Customizable close handler
  • Optional inset variant with rounded corners
  • Composable API with Icon, Title, Action and Close components
  • Customizable via className prop
  • Adapts to primary color tokens

Examples

Inset

Different primary colors