tsm-ui
Version:
### Welcome to TSM-UI: Your Design System for Modern Web Development
10 lines (9 loc) • 2.15 kB
JavaScript
import{s as d}from"./index.f31275f4.js";import{B as p}from"./index.bf78a962.js";import{T as m}from"./index.655ecc4d.js";import{a as u,j as g}from"./jsx-runtime.e41c3930.js";import"./index.d591fb27.js";import"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";const a=d("textarea",{backgroundColor:"$gray900",padding:"$3 $4",borderRadius:"$sm",boxSizing:"border-box",border:"2px solid $gray900",fontFamily:"$default",fontSize:"$sm",color:"$colorMain070",fontWeight:"$regular",resize:"vertical",minHeight:80,"&:focus":{outline:0,borderColor:"$ignite300"},"&:disabled":{opacity:.5,cursor:"not-allowed"},"&:placeholder":{color:"$gray400"}});a.displayName="TextArea";try{a.displayName="TextArea",a.__docgenInfo={description:"",displayName:"TextArea",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLTextAreaElement>"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}},css:{defaultValue:null,description:"",name:"css",required:!1,type:{name:"CSS<{}, { colors: { colorMainBlack: string; colorMain090: string; colorMain070: string; colorMain050: string; colorMain030: string; colorMain020: string; colorMain010: string; colorMainWhite: string; ... 48 more ...; colorPurple010: string; }; ... 5 more ...; space: { ...; }; }, { ...; }, {}>"}}}}}catch{}const M={title:"Components/Text Area",component:a,args:{},decorators:[o=>u(p,{as:"label",css:{display:"flex",flexDirection:"column",gap:"$2"},children:[g(m,{size:"sm",children:"Observations"}),o()]})]},e={args:{placeholder:"Enter text here..."}},r={args:{disabled:!0}};var s,t,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{
args: {
placeholder: 'Enter text here...'
}
}`,...(i=(t=e.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};var n,l,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{
args: {
disabled: true
}
}`,...(c=(l=r.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const T=["Primary","Disabled"];export{r as Disabled,e as Primary,T as __namedExportsOrder,M as default};