1"use strict";(self.webpackChunk_synergycodes_overflow_ui_website=self.webpackChunk_synergycodes_overflow_ui_website||[]).push([[8654],{3367:(t,n,e)=>{function o(t){const n={};for(const[e,o]of Object.entries(t))n[e]=u(o);return n}function u(t){let{required:n=!1,defaultValue:e,type:o="string",unionValues:u,description:s}=t;const i={tsType:{name:o}};return u&&u.length>0&&(i.tsType={name:"union",elements:u.map((t=>({name:"literal",value:`'${t}'`}))),raw:u.map((t=>`'${t}'`)).join(" | ")}),n&&(i.required=!0),null!=e&&(i.defaultValue={computed:!1,value:`'${e}'`}),i.description=s,i}e.d(n,{x:()=>o})},8614:(t,n,e)=>{e.r(n),e.d(n,{assets:()=>m,contentTitle:()=>b,default:()=>y,frontMatter:()=>p,metadata:()=>o,toc:()=>f});const o=JSON.parse('{"id":"authored/ui/button/icon-button/icon-button","title":"With Icon","description":"","source":"@site/docs/authored/ui/button/icon-button/icon-button.mdx","sourceDirName":"authored/ui/button/icon-button","slug":"/authored/ui/button/icon-button/","permalink":"/ui-components/authored/ui/button/icon-button/","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"With Icon"},"sidebar":"mainSidebar","previous":{"title":"Button","permalink":"/ui-components/authored/ui/button/"},"next":{"title":"With Icons and Label","permalink":"/ui-components/authored/ui/button/icon-label-button/"}}');var u=e(4489),s=e(3237),i=e(6745),a=e(9547),r=e(3367);const c="function IconButtonExample() {\n return (\n <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>\n <Button variant=\"primary\">\n <Check />\n </Button>\n <Button variant=\"secondary\">\n <Plus />\n </Button>\n <Button variant=\"gray\">\n <User />\n </Button>\n </div>\n );\n}\n",l={shape:{defaultValue:"",unionValues:["","circle"]},size:{defaultValue:"medium",unionValues:a.a},variant:{defaultValue:"primary",unionValues:a.B}};function d(){return(0,u.jsx)(i.h,{cssPaths:["components/button/base-button/base-button.module.css","components/button/styles/border-radius.module.css","components/button/styles/variant.module.css","components/button/styles/icon-size.module.css","components/button/styles/icon-padding.module.css"],componentPath:"components/button/regular-button/icon-button/icon-button.tsx",exampleCode:c,hardcodedData:{props:(0,r.x)(l)}})}const p={title:"With Icon"},b=void 0,m={},f=[];function h(t){return(0,u.jsx)(d,{})}function y(t={}){const{wrapper:n}={...(0,s.R)(),...t.components};return n?(0,u.jsx)(n,{...t,children:(0,u.jsx)(h,{...t})}):h()}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.