Пример #1
0
<h3>Small</h3>
<?php 
echo SAMUIKit\Other::searchBar(['label' => 'Searching', 'type' => 'small', 'action' => '#', 'method' => 'GET']);
?>

<h3>Big w/ keywords</h3>
<?php 
echo SAMUIKit\Other::searchBar(['label' => 'Searching', 'type' => 'big', 'action' => '#', 'method' => 'GET', 'keywords' => ['What', 'is', 'the', 'Agile', 'Manifesto']]);
?>

<h2>Alerts</h2>
<?php 
echo SAMUIKit\Other::alert(['title' => 'Information Only', 'message' => 'This is an infomrational message.']);
echo SAMUIKit\Other::alert(['title' => 'Success', 'message' => 'This denotes a successful action was completed.', 'type' => 'success']);
echo SAMUIKit\Other::alert(['title' => 'Warning', 'message' => 'This denotes an important message, but not a deal-breaker.', 'type' => 'warning']);
echo SAMUIKit\Other::alert(['title' => 'Error', 'message' => 'This denotes an error of some kind has occurrred.', 'type' => 'error']);
?>

<h2>Accordions</h2>
<h3>Borderless</h3>
<?php 
echo SAMUIKit\Other::accordion(['items' => [['title' => 'Collapsed Accordion 1', 'content' => '<ul><li>This</li><li>accordion</li><li>was</li><li>collapsed</li><li>initially.</li></ul>'], ['title' => 'Expanded Accordion 1', 'content' => '<p>This accordion started expanded.</p>', 'expanded' => true]]]);
?>
<h3>Bordered</h3>
<?php 
echo SAMUIKit\Other::accordion(['items' => [['title' => 'Collapsed Accordion 1', 'content' => '<ul><li>This</li><li>accordion</li><li>was</li><li>collapsed</li><li>initially.</li></ul>'], ['title' => 'Expanded Accordion 1', 'content' => '<p>This accordion started expanded.</p>', 'expanded' => true]], 'bordered' => true]);
?>

<h2>Footers</h2>
<h3>Slim w/ only required keys</h3>
<?php 
Пример #2
0
	</div>
	<div class="usa-width-one-half">
	<?php 
echo SAMUIKit\Other::alert(['title' => 'Warning', 'message' => 'Alert denoting something that is important, but not a deal-breaker.', 'type' => 'warning']);
?>
	</div>	
</div>
<div class="usa-with-one-whole" style="clear: both; padding-top: 20px;">
	<div class="usa-width-one-half">
	<?php 
echo SAMUIKit\Other::alert(['title' => 'Error', 'message' => 'Alert denoting an error has occured with a request.', 'type' => 'error']);
?>
	</div>
	<div class="usa-width-one-half">
	<?php 
echo SAMUIKit\Other::alert(['title' => 'Informational w/ Dismiss', 'message' => 'This alert can be dismissed by a logged in user.', 'dismissPath' => '#', 'csrfField' => '<input type="hidden" name="csrf-token" value="something" />']);
?>
	</div>	
</div>

<p style="clear: both; padding-top: 20px;"><strong>Form Controls</strong></p>
<p>Text Inputs</p>
<div class="usa-with-one-whole" style="clear: both; padding-top: 20px;">
	<div class="usa-width-one-half">
	<?php 
echo SAMUIKit\FormControls::textInput(['label' => 'Text input label', 'type' => 'text', 'name' => 'text-input-label']);
?>
	</div>
	<div class="usa-width-one-half">
	<?php 
echo SAMUIKit\FormControls::textInput(['label' => 'Text input w/ hint', 'type' => 'text', 'name' => 'text-input-label', 'hint' => 'Inline help text']);