ui ingredients

UI -Zutaten

Kopflose Komponentenbibliothek für Sufle toceed von ZAG

Installation

npm install ui-ingredients

Verwendung

< script >
  import { Dialog , Portal } from ' ui-ingredients ' ;
  import { XCloseIcon , Button } from ' $lib/icons ' ;
</ script >

< Dialog . Root lazyMount keepMounted >
  < Dialog . Trigger >
    {# snippet asChild ( attrs )}
      < Button {... attrs }>Open</ Button >
    { / snippet }
  </ Dialog . Trigger >

  < Portal >
    < Dialog . Backdrop />
    < Dialog . Positioner >
      < Dialog . Content >
        < Dialog . Title >Title</ Dialog . Title >
        < Dialog . Description >Description</ Dialog . Description >
        < Dialog . CloseTrigger >
          < XCloseIcon />
        </ Dialog . CloseTrigger >
      </ Dialog . Content >
    </ Dialog . Positioner >
  </ Portal >
</ Dialog . Root >

Inspiration

• ZAG - Die fantastische Bibliothek, die UI -Zutaten versorgt
• Ark - Die herausragende Kopfbemerkung der Kopflosenkomponenten, die diesen sehr inspiriert hat

Dokumentation

Durchsuchen Sie die Dokumentation, um weitere Informationen zur Verwendung von UI -Zutaten zu erhalten