var d=Object.defineProperty,p=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;var m=(e,l,a)=>l in e?d(e,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[l]=a,i=(e,l)=>{for(var a in l||(l={}))n.call(l,a)&&m(e,a,l[a]);if(r)for(var a of r(l))o.call(l,a)&&m(e,a,l[a]);return e},c=(e,l)=>p(e,I(l));var s=(e,l)=>{var a={};for(var t in e)n.call(e,t)&&l.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&r)for(var t of r(e))l.indexOf(t)<0&&o.call(e,t)&&(a[t]=e[t]);return a};const makeShortcode=e=>function(a){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),mdx("div",i({},a))},PropsTable=makeShortcode("PropsTable"),layoutProps={},MDXLayout="wrapper";function MDXContent(a){var t=a,{components:e}=t,l=s(t,["components"]);return mdx(MDXLayout,c(i(i({},layoutProps),l),{components:e,mdxType:"MDXLayout"}),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx"}),`import { RecordItem } from '@ensdomains/thorin' `)),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx",metastring:"live=true expand=true",live:"true",expand:"true"}),`}>user#123 `)),mdx("h2",null,"Props"),mdx(PropsTable,{sourceLink,types,mdxType:"PropsTable"}),mdx("h2",null,"Prefix"),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` 0xb794f5ea0ba39494ce839613fffba74279579268 }> 0xb794f5ea0ba39494ce839613fffba74279579268 0xb794...9268 } inline> 0xb794...9268 `)),mdx("h2",null,"Size"),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` } size="small"> Small with icon } size="large"> Large with icon Small with label Large with label `)),mdx("h2",null,"Inline"),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` } size="small"> Small with icon Small with label } size="large"> Large with icon Large with label } inline size="small"> Small and inline with icon Small and inline with label } inline size="large"> Large and inline with icon Large and inline with label `)),mdx("h2",null,"Link"),mdx("pre",null,mdx("code",i({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` } link="https://ens.domains" size="small"> Small with icon Small with label } link="https://ens.domains" size="large"> Large with icon Large with label } inline link="https://ens.domains" size="small" > Small and inline with icon Small and inline with label } inline link="https://ens.domains" size="large" > Large and inline with icon Large and inline with label `)))}MDXContent.isMDXComponent=!0;

name	type	default
icon	ReactNode	-
inline	boolean	false
keyLabel	ReactNode	-
keySublabel	ReactNode	-
link	string	-
size	"small" \| "large"	small
value* Required	string	-
onClick	() => void	-

Props#

Prefix#

Size#

Inline#

Link#

Props
#

Prefix
#

Size
#

Inline
#

Link
#