Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
;
; // $ExpectError
; // $ExpectError
// Breadcrumbs
Parent Page
Sub-Parent Page
<span>Current Page</span>
;
;
// Button
<button>Click Me</button>;
<button kind="secondary">Click Me</button>;
<button size="{BUTTON_SIZE.default}" shape="{BUTTON_SHAPE.default}" kind="{BUTTON_KIND.minimal}">
Click Me
</button>;
<button kind="invalid">Click Me</button>; // $ExpectError
<button>Click Me</button>;
<button>Click Me</button>; // $ExpectError
<button size="default">Click Me</button>;
<button size="huge">Click Me</button>; // $ExpectError
<button size="compact">Click Me</button>;
<button size="default">Click Me</button>;
<button size="large">Click Me</button>;
<button shape="square">Click Me</button>;
<button shape="round">Click Me</button>;
<button shape="triangle">Primary</button>; // $ExpectError
<button> <h1>}>Open Menu;
// Button-Group</h1></button>
style: {
[direction === 'rtl' ? 'left' : 'right']: 0,
[direction === 'rtl' ? 'right' : 'left']: 'auto',
},
},
}}
>
<button> (
)}
$as="a"
href={githubUrl}
target="_blank"
size={SIZE.compact}
kind={KIND.minimal}
>
Edit this page
</button>
)}
{componentSizeKb ? (
Component size, gzipped: {componentSizeKb}kb
) : null}
{children}
const CalendarButton = (props: {children: React.ReactNode}) => (
<button kind="{KIND.minimal}">
);
</button>
<button href="/blog/base-web-v9" kind="{KIND.minimal}" size="{SIZE.compact}">
{"What's new in v9?"}
</button>
Option: {props: {size: 'compact'}},
}}
/>
);
}
},
},
},
}}
/>
)}
>
<button kind="{KIND.minimal}" size="compact"> }
>
v{version}
</button>
);
};
const CalendarButton = props => (
<button kind="{KIND.minimal}">
);
</button>