xtreme-ui

Version:
Collection of reusable components that can be used in web projects
41 lines (40 loc) • 3.42 kB
JavaScript
import{r as i,j as g}from"./iframe-5Rr_RUeM.js";import{S as m}from"./Select-p5twxRiM.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";import"./objectWithoutPropertiesLoose-DXv8YDMk.js";import"./index-BVe1xG5r.js";import"./index-ypbSTjMK.js";import"./floating-ui.dom-BTmOqyi9.js";import"./common-DNLsa6ye.js";const a=[{value:"chocolate",label:"Chocolate"},{value:"strawberry",label:"Strawberry"},{value:"vanilla",label:"Vanilla"},{value:"banana",label:"Banana"},{value:"caramel",label:"Caramel"},{value:"mint",label:"Mint"},{value:"blueberry",label:"Blueberry"},{value:"cookies-n-cream",label:"Cookies and Cream"},{value:"peach",label:"Peach"},{value:"raspberry",label:"Raspberry"},{value:"lemon",label:"Lemon"},{value:"watermelon",label:"Watermelon"},{value:"mango",label:"Mango"},{value:"pistachio",label:"Pistachio"},{value:"butterscotch",label:"Butterscotch"},{value:"coffee",label:"Coffee"},{value:"hazelnut",label:"Hazelnut"},{value:"blackberry",label:"Blackberry"},{value:"toffee",label:"Toffee"}];function p(e){const[c,u]=i.useState();return g.jsx(m,{...e,value:c,onChange:u})}const W={title:"Components/Select",component:p,tags:["autodocs"],argTypes:{className:{control:!1}},args:{options:a,clearable:!0,searchable:!0,disabled:!1,loading:!1}},o={args:{options:a,onChange:e=>console.log("Selected value:",e)}},l={args:{icon:"f002",options:a,onChange:e=>console.log("Selected value:",e)}},n={args:{size:"mini",options:a,onChange:e=>console.log("Selected value:",e)}},r={args:{size:"mini",icon:"f55d",searchable:!1,options:a,onChange:e=>console.log("Selected value:",e)}},s={args:{size:"large",options:a,onChange:e=>console.log("Selected value:",e)}},t={args:{size:"large",icon:"f55d",searchable:!1,options:a,onChange:e=>console.log("Selected value:",e)}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
  args: {
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...o.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
  args: {
    icon: "f002",
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...l.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
  args: {
    size: "mini",
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
  args: {
    size: "mini",
    icon: "f55d",
    searchable: false,
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
  args: {
    size: "large",
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
  args: {
    size: "large",
    icon: "f55d",
    searchable: false,
    options,
    onChange: value => console.log("Selected value:", value)
  }
}`,...t.parameters?.docs?.source}}};const x=["Default","DefaultWithIcon","Mini","MiniWithIcon","Large","LargeWithIcon"];export{o as Default,l as DefaultWithIcon,s as Large,t as LargeWithIcon,n as Mini,r as MiniWithIcon,x as __namedExportsOrder,W as default};