var i=Object.defineProperty,d=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var g=(e,a,r)=>a in e?i(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,o=(e,a)=>{for(var r in a||(a={}))l.call(a,r)&&g(e,r,a[r]);if(n)for(var r of n(a))s.call(a,r)&&g(e,r,a[r]);return e},p=(e,a)=>d(e,u(a));var c=(e,a)=>{var r={};for(var t in e)l.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&n)for(var t of n(e))a.indexOf(t)<0&&s.call(e,t)&&(r[t]=e[t]);return r};const makeShortcode=e=>function(r){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),mdx("div",o({},r))},PropsTable=makeShortcode("PropsTable"),layoutProps={},MDXLayout="wrapper";function MDXContent(r){var t=r,{components:e}=t,a=c(t,["components"]);return mdx(MDXLayout,p(o(o({},layoutProps),a),{components:e,mdxType:"MDXLayout"}),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx"}),`import { Tag } from 'degen' `)),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true expand=true",live:"true",expand:"true"}),`100 $WRITE `)),mdx("h2",null,"Props"),mdx(PropsTable,{sourceLink,types,mdxType:"PropsTable"}),mdx("h2",null,"Sizes"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Medium Small `)),mdx("h2",null,"Tones"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Accent Secondary Blue Green Red Background `)),mdx("h2",null,"Label"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` 100/100 100/100 `)),mdx("h2",null,"Hover"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),`Hover Me `)),mdx("h2",null,"Ellipses"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Very very very long tag to show ellipses very very long tag to show ellipses very very long tag to show ellipses very very long tag to show ellipses `)),mdx("h2",null,"Complex Tag children"),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Mirror Development `)))}MDXContent.isMDXComponent=!0;

name	type	default
as	"div" \| "span"	div
hover	boolean	-
label	string	-
size	"medium" \| "small"	medium
tone	"background" \| "blue" \| "green" \| "orange" \| "pink" \| "purple" \| "red" \| "accent" \| "secondary"	secondary

Props#

Sizes#

Tones#

Label#

Hover#

Ellipses#

Complex Tag children#

Props
#

Sizes
#

Tones
#

Label
#

Hover
#

Ellipses
#

Complex Tag children
#