0.12.0 • Published 6 months ago

ui-ingredients v0.12.0

Weekly downloads
-
License
MIT
Repository
github
Last release
6 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

6 months ago

0.9.0

6 months ago

0.12.0

6 months ago

0.10.0

6 months ago

0.0.40

8 months ago

0.0.41

8 months ago

0.0.42

8 months ago

0.0.43

8 months ago

0.0.44

8 months ago

0.0.45

8 months ago

0.0.46

8 months ago

0.0.47

8 months ago

0.0.37

8 months ago

0.0.38

8 months ago

0.0.39

8 months ago

0.0.30

8 months ago

0.0.31

8 months ago

0.0.32

8 months ago

0.0.33

8 months ago

0.0.34

8 months ago

0.0.35

8 months ago

0.0.36

8 months ago

0.0.70

7 months ago

0.1.0

7 months ago

0.3.0

7 months ago

0.1.1

7 months ago

0.0.26

8 months ago

0.0.27

8 months ago

0.0.28

8 months ago

0.0.29

8 months ago

0.5.0

7 months ago

0.7.0

6 months ago

0.0.62

7 months ago

0.0.63

7 months ago

0.0.64

7 months ago

0.0.65

7 months ago

0.0.66

7 months ago

0.0.67

7 months ago

0.0.68

7 months ago

0.0.69

7 months ago

0.0.60

7 months ago

0.0.61

7 months ago

0.0.59

7 months ago

0.0.51

8 months ago

0.0.52

8 months ago

0.0.53

7 months ago

0.0.54

7 months ago

0.0.55

7 months ago

0.0.56

7 months ago

0.0.57

7 months ago

0.0.58

7 months ago

0.0.50

8 months ago

0.2.0

7 months ago

0.0.48

8 months ago

0.8.0

6 months ago

0.4.4

7 months ago

0.0.49

8 months ago

0.4.1

7 months ago

0.4.0

7 months ago

0.4.3

7 months ago

0.6.0

7 months ago

0.4.2

7 months ago

0.0.25

8 months ago

0.0.24

8 months ago

0.0.23

8 months ago

0.0.22

8 months ago

0.0.21

8 months ago

0.0.20

8 months ago

0.0.19

8 months ago

0.0.18

8 months ago

0.0.17

8 months ago

0.0.16

8 months ago

0.0.15

8 months ago

0.0.14

8 months ago

0.0.13

8 months ago

0.0.12

8 months ago

0.0.11

8 months ago

0.0.10

8 months ago

0.0.9

8 months ago

0.0.8

8 months ago

0.0.7

8 months ago

0.0.6

8 months ago

0.0.5

8 months ago

0.0.4

8 months ago

0.0.3

8 months ago

0.0.2

8 months ago

0.0.1

8 months ago