0.12.0 • Published 8 months ago

ui-ingredients v0.12.0

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

UI Ingredients

Headless component library for Svelte powered by zag

Installation

npm install ui-ingredients
# yarn add ui-ingredients
# pnpm add ui-ingredients

Usage

<script>
  import {Dialog, Portal} from 'ui-ingredients';
  import {XCloseIcon, Button} from '$lib';
</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>

Documentation

Credits

  • zag - The fantastic library that powers UI ingredients
  • ark - The outstanding headless component library that greatly inspired this one

Demo

View components demo here

SvelteComponent LibraryHeadless UIAccordionAlertAlert DialogAvatarBreadcrumbsCarouselCheckboxClipboardCollapsibleColor PickerComboboxDate PickerDialogDrawerEditableFieldFile UploadFloating PanelHighlightHover CardMenuNumber InputPaginationPin InputPopoverPortalPresenceProgressQR CodeRadio GroupRating GroupSegment GroupSelectSignature PadSliderSplitterStepsSwitchTabsTags InputTime PickerTimerToastToggleToggle GroupTooltipTourTree View
@zag-js/accordion@zag-js/anatomy@zag-js/avatar@zag-js/carousel@zag-js/checkbox@zag-js/clipboard@zag-js/collapsible@zag-js/color-picker@zag-js/combobox@zag-js/core@zag-js/date-picker@zag-js/dialog@zag-js/dom-query@zag-js/editable@zag-js/file-upload@zag-js/floating-panel@zag-js/highlight-word@zag-js/hover-card@zag-js/i18n-utils@zag-js/menu@zag-js/number-input@zag-js/pagination@zag-js/pin-input@zag-js/popover@zag-js/presence@zag-js/progress@zag-js/qr-code@zag-js/radio-group@zag-js/rating-group@zag-js/select@zag-js/signature-pad@zag-js/slider@zag-js/splitter@zag-js/steps@zag-js/svelte@zag-js/switch@zag-js/tabs@zag-js/tags-input@zag-js/time-picker@zag-js/timer@zag-js/toast@zag-js/toggle-group@zag-js/tooltip@zag-js/tour@zag-js/tree-view@zag-js/utils
0.11.0

8 months ago

0.9.0

8 months ago

0.12.0

8 months ago

0.10.0

8 months ago

0.0.40

10 months ago

0.0.41

10 months ago

0.0.42

10 months ago

0.0.43

10 months ago

0.0.44

10 months ago

0.0.45

10 months ago

0.0.46

10 months ago

0.0.47

10 months ago

0.0.37

10 months ago

0.0.38

10 months ago

0.0.39

10 months ago

0.0.30

10 months ago

0.0.31

10 months ago

0.0.32

10 months ago

0.0.33

10 months ago

0.0.34

10 months ago

0.0.35

10 months ago

0.0.36

10 months ago

0.0.70

9 months ago

0.1.0

9 months ago

0.3.0

9 months ago

0.1.1

9 months ago

0.0.26

10 months ago

0.0.27

10 months ago

0.0.28

10 months ago

0.0.29

10 months ago

0.5.0

9 months ago

0.7.0

9 months ago

0.0.62

9 months ago

0.0.63

9 months ago

0.0.64

9 months ago

0.0.65

9 months ago

0.0.66

9 months ago

0.0.67

9 months ago

0.0.68

9 months ago

0.0.69

9 months ago

0.0.60

9 months ago

0.0.61

9 months ago

0.0.59

9 months ago

0.0.51

10 months ago

0.0.52

10 months ago

0.0.53

10 months ago

0.0.54

9 months ago

0.0.55

9 months ago

0.0.56

9 months ago

0.0.57

9 months ago

0.0.58

9 months ago

0.0.50

10 months ago

0.2.0

9 months ago

0.0.48

10 months ago

0.8.0

9 months ago

0.4.4

9 months ago

0.0.49

10 months ago

0.4.1

9 months ago

0.4.0

9 months ago

0.4.3

9 months ago

0.6.0

9 months ago

0.4.2

9 months ago

0.0.25

10 months ago

0.0.24

10 months ago

0.0.23

10 months ago

0.0.22

10 months ago

0.0.21

10 months ago

0.0.20

10 months ago

0.0.19

10 months ago

0.0.18

10 months ago

0.0.17

10 months ago

0.0.16

10 months ago

0.0.15

10 months ago

0.0.14

10 months ago

0.0.13

10 months ago

0.0.12

10 months ago

0.0.11

11 months ago

0.0.10

11 months ago

0.0.9

11 months ago

0.0.8

11 months ago

0.0.7

11 months ago

0.0.6

11 months ago

0.0.5

11 months ago

0.0.4

11 months ago

0.0.3

11 months ago

0.0.2

11 months ago

0.0.1

11 months ago