);
}
`,children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"dark",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { Textarea } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { JSX } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'react'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:" "}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" {"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" ("})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"placeholder"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    />"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  );"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"}"})})]})})]})})]}),`
`,(0,l.jsxs)(e.div,{className:"component-preview",children:[(0,l.jsx)(e.h2,{children:"Disabled"}),`
`,(0,l.jsx)(s,{name:"textarea-disabled",children:(0,l.jsxs)(e.div,{"data-rehype-pretty-code-fragment":"",children:[(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"light",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"light",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" { Textarea } "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:";"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" { JSX } "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:"'react'"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:";"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:" "}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" {"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"  "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" ("})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"    <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"disabled"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"placeholder"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"    />"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"  );"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"dark",__rawString__:`import { Textarea } from 'geist/components';
import type { JSX } from 'react';

export function Component(): JSX.Element {
  return (
    <Textarea
      disabled
      placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
      style={{ minHeight: 100 }}
    />
  );
}
`,children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"dark",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { Textarea } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { JSX } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'react'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:" "}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" {"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" ("})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"disabled"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"placeholder"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    />"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  );"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"}"})})]})})]})})]}),`
`,(0,l.jsxs)(e.div,{className:"component-preview",children:[(0,l.jsx)(e.h2,{children:"Error"}),`
`,(0,l.jsx)(s,{name:"textarea-error",children:(0,l.jsxs)(e.div,{"data-rehype-pretty-code-fragment":"",children:[(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"light",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"light",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" { Stack, Textarea } "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:";"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" { JSX } "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:"'react'"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:";"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:" "}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" {"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"  "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" ("})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"    <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Stack"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"gap"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"8"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"}>"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"xSmall"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"small"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"mediumSmall"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"large"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"    </"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Stack"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:">"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"  );"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"dark",__rawString__:`import { Stack, Textarea } from 'geist/components';
import type { JSX } from 'react';

export function Component(): JSX.Element {
  return (
    <Stack gap={8}>
      <Textarea
        defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        error="There has been an error."
        size="xSmall"
        style={{ minHeight: 100 }}
      />
      <Textarea
        defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        error="There has been an error."
        size="small"
        style={{ minHeight: 100 }}
      />
      <Textarea
        defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        error="There has been an error."
        size="mediumSmall"
        style={{ minHeight: 100 }}
      />
      <Textarea
        defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        error="There has been an error."
        size="large"
        style={{ minHeight: 100 }}
      />
    </Stack>
  );
}
`,children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"dark",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { Stack, Textarea } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"type"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { JSX } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'react'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:" "}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" {"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" ("})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Stack"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"gap"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"8"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"}>"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"xSmall"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"small"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"mediumSmall"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Textarea"})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"defaultValue"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"There has been an error."'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"size"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"large"'})]}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"        "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"style"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{{ minHeight: "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"100"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" }}"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"      />"})}),`
`,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"    </"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Stack"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:">"})]}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"  );"})}),`
`,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"}"})})]})})]})})]})]})}function C(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(d,n)})):d(n)}var q=C;function B(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return g(b);})();
;return Component;</article></body></html>

Textarea

Default

Disabled

Error