<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
</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']);