@salfatigroup/ui

npm i @salfatigroup/ui
  • <k-avatar src="https://..." />
  • Badge
    <k-badge>Badge</k-badge>
  • <k-button>Button</k-button>
  • Checkbox

    Learn more

    <k-checkbox />
  • Combobox

    Learn more
    <k-combobox />
  • Comment

    Learn more
    <k-comment-input class="w-fit h-fit" />
  • Dropdown

    Learn more
    <k-dropdown>Dropdown</k-dropdown>
  • Filters

    Learn more

    Filters

    <k-filters />
  • You can find the full icon list here.

    <KIconStar variant="duotone" class="w-5 h-5" />
  • <k-input>Input</k-input>
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam.

    <k-alert />
  • <k-modal />
  • Number Input

    Learn more
    <k-number-input />
  • <k-pagination :total="452" :page-size="50"/>
  • Radio Group

    Learn more

    <k-radio-group items="[...]" />
  • <k-select>Select</k-select>
  • Slide Over

    Learn more
    <k-slide-over />
  • <k-slider v-model="num" />
  • Spinner

    Learn more
    <k-spinner />
  • <k-tag />
  • Tags Input

    Learn more
    <k-tags-input />
  • Text area

    Learn more
    <k-text-area>Text area</k-text-area>
  • Title Description

    Learn more
    <k-title-desc-input class="w-fit h-fit" />
  • <k-toast :show="toastOpen" />
  • <k-toggle />