PHP SAMUIKit\Other::button Beispiele

Beispiel #1

Datei: other.php Projekt: joshbruce/sam-uikit-php

echo SAMUIKit\Other::button(['title' => 'Default button']);
echo SAMUIKit\Other::button(['title' => 'Alt button', 'type' => 'alt']);
echo SAMUIKit\Other::button(['title' => 'Secondary button', 'type' => 'secondary']);
echo SAMUIKit\Other::button(['title' => 'Gray button', 'type' => 'gray']);
echo SAMUIKit\Other::button(['title' => 'Outline button', 'type' => 'outline']);
?>

<span style="display: inline-block; background: #000000; padding: 10px;">
<?php 
echo SAMUIKit\Other::button(['title' => 'Outline inverse button', 'type' => 'outline-inverse']);
?>
</span>

<?php 
echo SAMUIKit\Other::button(['title' => 'Big button', 'type' => 'big']);
echo SAMUIKit\Other::button(['title' => 'Disabled button', 'type' => 'disabled']);
?>

<h2>Label</h2>
<?php 
echo SAMUIKit\Other::label(['title' => 'Default label']);
echo SAMUIKit\Other::label(['title' => 'Big label', 'big' => true]);
?>

<h2>Search Bar</h2>
<h3>Big</h3>
<?php 
echo SAMUIKit\Other::searchBar(['label' => 'Searching', 'type' => 'big', 'action' => '#', 'method' => 'GET']);
?>

<h3>Medium</h3>

Beispiel #2

Datei: index.php Projekt: joshbruce/sam-uikit-php

<div class="usa-width-one-sixth" style="text-align: center;">
<?php 
echo SAMUIKit\Other::button(['title' => 'Disabled', 'type' => 'disabled']);
?>
</div>

<div class="usa-width-one-third" style="text-align: center;">
<?php 
echo SAMUIKit\Other::button(['title' => 'Has cancel', 'cancel' => '#']);
?>
</div>

<div class="usa-width-one-sixth" style="text-align: center;">
<?php 
echo SAMUIKit\Other::button(['title' => 'Dismiss', 'type' => 'dismiss']);
?>
</div>

<p style="clear: both;"><strong>Labels</strong></p>
<div class="usa-with-one-whole">
<div class="usa-width-one-half" style="text-align: center;">
<?php 
echo SAMUIKit\Other::label(['title' => 'Standard Label']);
?>
</div>

<div class="usa-width-one-half" style="text-align: center;">
<?php 
echo SAMUIKit\Other::label(['title' => 'Big Label', 'big' => true]);
?>