https://nexara-nativeflow-docs.onrender.com/assets/js/56df7655.24a4f72e.js

1"use strict";(self.webpackChunk_nexara_nativeflow_docs=self.webpackChunk_nexara_nativeflow_docs||[]).push([[669],{8453:(n,t,e)=>{e.d(t,{R:()=>s,x:()=>i});var o=e(6540);const c={},r=o.createContext(c);function s(n){const t=o.useContext(r);return o.useMemo(function(){return"function"==typeof n?n(t):{...t,...n}},[t,n])}function i(n){let t;return t=n.disableParentContext?"function"==typeof n.components?n.components(c):n.components||c:s(n.components),o.createElement(r.Provider,{value:t},n.children)}},9365:(n,t,e)=>{e.r(t),e.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>u,frontMatter:()=>s,metadata:()=>o,toc:()=>a});const o=JSON.parse('{"id":"components/Iocn-button","title":"Icon button","description":"&nbsp;","source":"@site/docs/components/Iocn-button.md","sourceDirName":"components","slug":"/components/Iocn-button","permalink":"/docs/components/Iocn-button","draft":false,"unlisted":false,"editUrl":"https://github.com/Yash-dott/nexara-nativeflow-docs/edit/main/docs/docs/components/Iocn-button.md","tags":[],"version":"current","frontMatter":{"title":"Icon button","sidebar_label":"Icon Button *\u26a0\ufe0f\ud83e\uddea"},"sidebar":"tutorialSidebar","previous":{"title":"Avatar.Text","permalink":"/docs/components/Avatar/avatar-text"},"next":{"title":"Stack.H","permalink":"/docs/components/Stack/h-stack"}}');var c=e(2467),r=e(8453);const s={title:"Icon button",sidebar_label:"Icon Button *\u26a0\ufe0f\ud83e\uddea"},i=void 0,l={},a=[{value:"\xa0",id:"",level:3},{value:"\xa0",id:"-1",level:3},{value:"Implementation code",id:"implementation-code",level:2}];function d(n){const t={blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.R)(),...n.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.h3,{id:"",children:"\xa0"}),"\n",(0,c.jsxs)(t.blockquote,{children:["\n",(0,c.jsxs)(t.p,{children:["\u26a0\ufe0f ",(0,c.jsx)(t.strong,{children:"Experimental Component"})]}),"\n",(0,c.jsx)(t.p,{children:"This component is still being evaluated and may change in future releases."}),"\n"]}),"\n",(0,c.jsx)(t.h3,{id:"-1",children:"\xa0"}),"\n",(0,c.jsx)(t.h1,{id:"icon-button",children:"Icon button"}),"\n",(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:"IconButton"})," render a Icon with button properties"]}),"\n",(0,c.jsx)(t.h2,{id:"implementation-code",children:"Implementation code"}),"\n",(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:"language-jsx",children:"import { IconButton, Icon } from '@nexara/nativeflow';\nimport { Camera } from 'lucide-react-native';\n\nconst Component = () => {\n  return (\n    <IconButton onPress={() => console.log(\"IconButton Pressed\")} >\n      <Icon renderIcon={<Camera size={30} color=\"#000\" />} />\n    </IconButton>\n\n  );\n}\nexport default Component;\n"})}),"\n",(0,c.jsxs)(t.table,{children:[(0,c.jsx)(t.thead,{children:(0,c.jsxs)(t.tr,{children:[(0,c.jsx)(t.th,{children:"Prop"}),(0,c.jsx)(t.th,{children:"Type"}),(0,c.jsx)(t.th,{children:"Default"}),(0,c.jsx)(t.th,{children:"Description"})]})}),(0,c.jsx)(t.tbody,{children:(0,c.jsxs)(t.tr,{children:[(0,c.jsx)(t.td,{children:(0,c.jsx)(t.code,{children:"rippleColor"})}),(0,c.jsx)(t.td,{children:"string"}),(0,c.jsx)(t.td,{}),(0,c.jsx)(t.td,{children:"It sets the ripple color of the IconButton when anyone press it"})]})})]})]})}function u(n={}){const{wrapper:t}={...(0,r.R)(),...n.components};return t?(0,c.jsx)(t,{...n,children:(0,c.jsx)(d,{...n})}):d(n)}}}]);