[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-textarea":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":326,"links":327,"dates":376},"\u002Fexamples\u002Fcomponents\u002Finput-textarea","collection","components",true,{"example_count":9,"app_count":9},13,{"id":11,"title":12,"description":13},259,"Textarea","See how interfaces make room for longer written responses. Explore how text areas use labels, prompts, and supporting controls within a form or composition task.",{"title":15,"description":16,"og_image":17},"Textarea UI examples - Nicelydone","Textarea UI design examples from SaaS apps. See how interfaces make room for longer written responses. Explore how text areas use labels, prompts, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a2f9190-2421-4eb0-8c01-0ec396d442ca.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"Textarea UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","Textarea UI design examples from SaaS apps. See how interfaces make room for longer written responses. Explore how text areas use labels, prompts, and supporting controls within a form or composition…",[31],{"title":32,"description":13,"links":33},"About Textarea",[],[35],"13 UI components",[37,63,97,118,144,165,185,210,230,259,281,307],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"c0817813-a350-4680-8d69-f77f33027c0d","Campsite UI component","A modal with suggestions for sharing content.","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fcomponents",1988,573,"UI component from Campsite","component",[47],{"id":11,"title":12,"slug":48},"input-textarea",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"campsite","Campsite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcampsite-b08e9520.png","The home for your team’s work in progress",[55,59],{"id":56,"title":57,"slug":58},8,"Design","design",{"id":60,"title":61,"slug":62},23,"Collaboration","collaboration",{"uuid":64,"title":65,"description":66,"canonical_path":67,"image":68,"width":69,"height":70,"image_alt":71,"kind":45,"categories":72,"app":74},"399b1779-937b-4a07-85de-96b532a6df6d","AI Comment Composer","A comment composer with AI action chips above it. The composer includes a text area with a mention and an emoji, followed by a toolbar with formatting\u002Faction icons and a Send button.","\u002Fexamples\u002Fapps\u002Fclickup\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23784f13-df7f-4ba5-80c6-55afe3aba9c0.png",640,445,"AI Comment Composer from ClickUp",[73],{"id":11,"title":12,"slug":48},{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"clickup","ClickUp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclickup-771d7d6d.png","The everything app, for work",[80,84,88,92,93],{"id":81,"title":82,"slug":83},30,"Productivity","productivity",{"id":85,"title":86,"slug":87},86,"Product management","product-management",{"id":89,"title":90,"slug":91},22,"Knowledge Management","knowledge-management",{"id":60,"title":61,"slug":62},{"id":94,"title":95,"slug":96},29,"Task Management","task-management",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"kind":45,"categories":106,"app":108},"2dd93602-88fa-4313-8eec-84429528e23a","Linear UI component","A comment input field with attachment and upload options.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F88a52c20-7878-4171-886d-94b7a35c15d8.png",1820,474,"UI component from Linear",[107],{"id":11,"title":12,"slug":48},{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[114,115,116,117],{"id":94,"title":95,"slug":96},{"id":81,"title":82,"slug":83},{"id":60,"title":61,"slug":62},{"id":85,"title":86,"slug":87},{"uuid":119,"title":120,"description":121,"canonical_path":122,"image":123,"width":124,"height":125,"image_alt":126,"kind":45,"categories":127,"app":129},"4de440ca-80f4-4fdd-8011-3f44f0fe73de","Comment composer with text selection","A comment composer textarea with a portion of text selected. A floating formatting toolbar appears below the selection. Action buttons and a keyboard shortcut hint are below the textarea.","\u002Fexamples\u002Fapps\u002Fpitch\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05a3c37d-20cd-4e59-9abd-d3d48ad18730.png",608,434,"Comment composer with text selection from Pitch",[128],{"id":11,"title":12,"slug":48},{"slug":130,"title":131,"logo":132,"baseline":133,"categories":134},"pitch","Pitch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpitch-52b421eb.png","Collaborative presentation software for modern teams",[135,136,140],{"id":60,"title":61,"slug":62},{"id":137,"title":138,"slug":139},85,"Presentation software","presentation-software",{"id":141,"title":142,"slug":143},80,"Artificial Intelligence","artificial-intelligence",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":150,"height":151,"image_alt":152,"kind":45,"categories":153,"app":155},"e510e57e-b6fa-4c71-b31d-29873f120814","Comment Textarea","A dark-themed textarea for adding a comment, positioned below a track's genre and mood tags. The textarea is active with text entered and a blinking cursor visible.","\u002Fexamples\u002Fapps\u002Fepidemic-sound\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faf1056da-b5ad-4019-a5e0-aa0dc9af43ac.png",890,514,"Comment Textarea from Epidemic Sound",[154],{"id":11,"title":12,"slug":48},{"slug":156,"title":157,"logo":158,"baseline":159,"categories":160},"epidemic-sound","Epidemic Sound","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fepidemic-sound-0ef09636.png","Royalty-free music for your videos",[161],{"id":162,"title":163,"slug":164},20,"Music","music",{"uuid":166,"title":167,"description":168,"canonical_path":169,"image":170,"width":171,"height":172,"image_alt":173,"kind":45,"categories":174,"app":176},"b922bf9a-8624-42d7-8205-db60a7df4d11","Comment Composer","A multiline text input area for writing comments, featuring a toolbar with attachment, voice, emoji, and extension icons, along with a primary submit button.","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5dec713a-7d9e-4f3a-aa08-fda651eb65ed.png",1492,504,"Comment Composer from Todoist",[175],{"id":11,"title":12,"slug":48},{"slug":177,"title":178,"logo":179,"baseline":180,"categories":181},"todoist","Todoist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","The to do list to organize work & life",[182,183,184],{"id":94,"title":95,"slug":96},{"id":81,"title":82,"slug":83},{"id":60,"title":61,"slug":62},{"uuid":186,"title":187,"description":188,"canonical_path":189,"image":190,"width":191,"height":192,"image_alt":193,"kind":45,"categories":194,"app":196},"1eddd44b-e167-4787-984a-da16a801d374","Luma UI component","A modal with a text input field.","\u002Fexamples\u002Fapps\u002Fluma\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9a24355-7a56-448c-a279-fd3b66072906.png",920,395,"UI component from Luma",[195],{"id":11,"title":12,"slug":48},{"slug":197,"title":198,"logo":199,"baseline":200,"categories":201},"luma","Luma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fluma-64c4b80f.png","Delightful events start here.",[202,206],{"id":203,"title":204,"slug":205},26,"Events","events",{"id":207,"title":208,"slug":209},4,"Ticketing","ticketing",{"uuid":211,"title":212,"description":213,"canonical_path":214,"image":215,"width":216,"height":217,"image_alt":218,"kind":45,"categories":219,"app":221},"40dac738-69ae-4ea7-9860-14f79cf137d8","Height UI component","A text input field with formatting options.","\u002Fexamples\u002Fapps\u002Fheight\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11898ecc-8b10-4226-839c-f1cab7c3a0fc.png",1586,603,"UI component from Height",[220],{"id":11,"title":12,"slug":48},{"slug":222,"title":223,"logo":224,"baseline":225,"categories":226},"height","Height","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheight-29b426a4.png","Manage projects across engineering, product, design, and other teams",[227,228,229],{"id":85,"title":86,"slug":87},{"id":94,"title":95,"slug":96},{"id":81,"title":82,"slug":83},{"uuid":231,"title":232,"description":233,"canonical_path":234,"image":235,"width":236,"height":237,"image_alt":238,"kind":45,"categories":239,"app":241},"73297ca1-3ae8-413f-a2e4-bc14d2a11d07","Comments Textarea","A multi-line text input field with a label asking for additional questions or comments.","\u002Fexamples\u002Fapps\u002Fcolumn\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53c1fafd-92d0-4ac8-9c8b-b159aaad47e4.png",1536,566,"Comments Textarea from Column",[240],{"id":11,"title":12,"slug":48},{"slug":242,"title":243,"logo":244,"baseline":245,"categories":246},"column","Column","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcolumn-60eggyn0.png","The developer infrastructure bank",[247,251,255],{"id":248,"title":249,"slug":250},36,"Finance","finance",{"id":252,"title":253,"slug":254},37,"Developer APIs","developer-apis",{"id":256,"title":257,"slug":258},39,"Payments","payments",{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":265,"height":266,"image_alt":267,"kind":45,"categories":268,"app":270},"504fae18-4b0c-4626-a566-8e1af0dc9813","Notion UI component","A message input field with a user mention and action icons.","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2a3cf683-9131-4239-9b44-0b3ea92a5b62.png",695,353,"UI component from Notion",[269],{"id":11,"title":12,"slug":48},{"slug":271,"title":272,"logo":273,"baseline":274,"categories":275},"notion","Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","A unified workspace for modern teams",[276,277,278,279,280],{"id":94,"title":95,"slug":96},{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"id":60,"title":61,"slug":62},{"id":141,"title":142,"slug":143},{"uuid":282,"title":283,"description":284,"canonical_path":285,"image":286,"width":287,"height":288,"image_alt":289,"kind":45,"categories":290,"app":292},"08e30c11-5c10-44c6-9ac6-60926eb9e703","Message composer","A rich text editor for drafting a reply, featuring a formatting toolbar, a text area with an email signature, and a bottom action bar with status and assignment dropdowns alongside a primary send button.","\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe7dc69f0-9ac9-4b67-b456-752350cc4607.png",2120,740,"Message composer from Help Scout",[291],{"id":11,"title":12,"slug":48},{"slug":293,"title":294,"logo":295,"baseline":296,"categories":297},"help-scout","Help Scout","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhelp-scout-8a6156f0.png","Shared Inbox, Help Center, & Live Chat Software",[298,302,306],{"id":299,"title":300,"slug":301},47,"Customer Service","customer-service",{"id":303,"title":304,"slug":305},92,"Email","email",{"id":60,"title":61,"slug":62},{"uuid":308,"title":309,"description":310,"canonical_path":311,"image":312,"width":313,"height":314,"image_alt":315,"kind":45,"categories":316,"app":318},"33e24f7f-f07a-4314-8274-8e377b64956a","Message Composer","A message composer component with tabs for 'Reply' and 'Note', a text area with placeholder text, and a toolbar with formatting and attachment options, plus a 'Send' button.","\u002Fexamples\u002Fapps\u002Ffernand\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33e24f7f-f07a-4314-8274-8e377b64956a.png",2106,595,"Message Composer from Fernand",[317],{"id":11,"title":12,"slug":48},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"fernand","Fernand","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffernand-a050bf87.png","The fast, calm customer support platform for SaaS",[324,325],{"id":299,"title":300,"slug":301},{"id":303,"title":304,"slug":305},[],[328,331,334,337,340,343,346,349,352,355,358,361,364,367,370,373],{"label":329,"to":330},"Comments","\u002Fexamples\u002Fscreens\u002Fcomments",{"label":332,"to":333},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":335,"to":336},"Post Detail","\u002Fexamples\u002Fscreens\u002Fpost-detail",{"label":338,"to":339},"AI Assistant","\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":341,"to":342},"Campsite design examples","\u002Fexamples\u002Fapps\u002Fcampsite",{"label":344,"to":345},"ClickUp design examples","\u002Fexamples\u002Fapps\u002Fclickup",{"label":347,"to":348},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":350,"to":351},"Pitch design examples","\u002Fexamples\u002Fapps\u002Fpitch",{"label":353,"to":354},"Epidemic Sound design examples","\u002Fexamples\u002Fapps\u002Fepidemic-sound",{"label":356,"to":357},"Todoist design examples","\u002Fexamples\u002Fapps\u002Ftodoist",{"label":359,"to":360},"Luma design examples","\u002Fexamples\u002Fapps\u002Fluma",{"label":362,"to":363},"Height design examples","\u002Fexamples\u002Fapps\u002Fheight",{"label":365,"to":366},"Column design examples","\u002Fexamples\u002Fapps\u002Fcolumn",{"label":368,"to":369},"Notion design examples","\u002Fexamples\u002Fapps\u002Fnotion",{"label":371,"to":372},"Help Scout design examples","\u002Fexamples\u002Fapps\u002Fhelp-scout",{"label":374,"to":375},"Fernand design examples","\u002Fexamples\u002Fapps\u002Ffernand",{"published_at":377,"updated_at":378},"2022-08-24T17:37:51.000Z","2026-09-24T00:10:12.000Z"]