@fission-suite/kit
Version:
Fission UI Kit
862 lines (304 loc) • 12.3 kB
HTML
<html lang="en">
<head>
<meta charset='utf-8'>
<title>@fission-suite/kit 2.1.0 | Documentation</title>
<meta name='description' content='Fission UI Kit'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<link href='assets/bass.css' rel='stylesheet'>
<link href='assets/style.css' rel='stylesheet'>
<link href='assets/github.css' rel='stylesheet'>
<link href='assets/split.css' rel='stylesheet'>
</head>
<body class='documentation m0'>
<div class='flex'>
<div id='split-left' class='overflow-auto fs0 height-viewport-100'>
<div class='py1 px2'>
<h3 class='mb0 no-anchor'>@fission-suite/kit</h3>
<div class='mb1'><code>2.1.0</code></div>
<input
placeholder='Filter'
id='filter-input'
class='col12 block input'
spellcheck='false'
autocapitalize='off'
autocorrect='off'
type='text' />
<div id='toc'>
<ul class='list-reset h5 py1-ul'>
<li><a
href='#loadinganimation'
class="">
LoadingAnimation
</a>
</li>
<li><a
href='#appname'
class="">
AppName
</a>
</li>
<li><a
href='#button'
class="">
Button
</a>
</li>
<li><a
href='#smallbutton'
class="">
SmallButton
</a>
</li>
<li><a
href='#largeappname'
class="">
LargeAppName
</a>
</li>
<li><a
href='#extrasmallbutton'
class="">
ExtraSmallButton
</a>
</li>
<li><a
href='#tagbutton'
class="">
TagButton
</a>
</li>
<li><a
href='#fissionlogo'
class="">
FissionLogo
</a>
</li>
<li><a
href='#signinbutton'
class="">
SignInButton
</a>
</li>
<li><a
href='#loadingindicator'
class="">
loadingIndicator
</a>
</li>
<li><a
href='#loadingscreen'
class="">
loadingScreen
</a>
</li>
</ul>
</div>
<div class='mt1 h6 quiet'>
<a href='https://documentation.js.org/reading-documentation.html'>Need help reading this?</a>
</div>
</div>
</div>
<div id='split-right' class='relative overflow-auto height-viewport-100'>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='loadinganimation'>
LoadingAnimation
</h3>
</div>
<div class='pre p1 fill-light mt0'>new LoadingAnimation(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='appname'>
AppName
</h3>
</div>
<div class='pre p1 fill-light mt0'>new AppName(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='button'>
Button
</h3>
</div>
<div class='pre p1 fill-light mt0'>new Button(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='smallbutton'>
SmallButton
</h3>
</div>
<div class='pre p1 fill-light mt0'>new SmallButton(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='largeappname'>
LargeAppName
</h3>
</div>
<div class='pre p1 fill-light mt0'>new LargeAppName(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='extrasmallbutton'>
ExtraSmallButton
</h3>
</div>
<div class='pre p1 fill-light mt0'>new ExtraSmallButton(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='tagbutton'>
TagButton
</h3>
</div>
<div class='pre p1 fill-light mt0'>new TagButton(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='fissionlogo'>
FissionLogo
</h3>
</div>
<div class='pre p1 fill-light mt0'>new FissionLogo($0: <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>$0</span> <code class='quiet'>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
</div>
<table class='mt1 mb2 fixed-table h5 col-12'>
<colgroup>
<col width='30%' />
<col width='70%' />
</colgroup>
<thead>
<tr class='bold fill-light'>
<th>Name</th>
<th>Description</th>
</tr>
</thead>
<tbody class='mt1'>
<tr>
<td class='break-word'><span class='code bold'>$0.size</span> <code class='quiet'>any</code>
</td>
<td class='break-word'><span></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='signinbutton'>
SignInButton
</h3>
</div>
<div class='pre p1 fill-light mt0'>new SignInButton(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='loadingindicator'>
loadingIndicator
</h3>
</div>
<div class='pre p1 fill-light mt0'>loadingIndicator(loadingText: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>loadingText</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
<section class='p2 mb2 clearfix bg-white minishadow'>
<div class='clearfix'>
<h3 class='fl m0' id='loadingscreen'>
loadingScreen
</h3>
</div>
<div class='pre p1 fill-light mt0'>loadingScreen(props: any)</div>
<div class='py1 quiet mt1 prose-big'>Parameters</div>
<div class='prose'>
<div class='space-bottom0'>
<div>
<span class='code bold'>props</span> <code class='quiet'>(any)</code>
</div>
</div>
</div>
</section>
</div>
</div>
<script src='assets/anchor.js'></script>
<script src='assets/split.js'></script>
<script src='assets/site.js'></script>
</body>
</html>