ui ingredients

Ui ингредиенты

Безголова библиотека компонентов для стройного питания от Zag

Установка

npm install ui-ingredients

Использование

< 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 >

Вдохновение

• Zag - фантастическая библиотека, которая поддерживает ингредиенты пользовательского интерфейса
• Ковчег - выдающаяся библиотека компонентов без головы, которая сильно вдохновила это

Документация

Просмотрите документацию для получения дополнительной информации о том, как использовать ингредиенты пользовательского интерфейса