mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
test(radio): update standalone test
This commit is contained in:
@ -11,41 +11,42 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
<ion-radio></ion-radio>
|
||||
<ion-radio id="radio2" color="primary"></ion-radio>
|
||||
<ion-radio color="secondary"></ion-radio>
|
||||
<ion-radio color="tertiary"></ion-radio>
|
||||
<ion-radio color="success"></ion-radio>
|
||||
<ion-radio color="warning"></ion-radio>
|
||||
<ion-radio color="danger"></ion-radio>
|
||||
<ion-radio color="light"></ion-radio>
|
||||
<ion-radio color="medium"></ion-radio>
|
||||
<ion-radio color="dark"></ion-radio>
|
||||
<ion-radio disabled></ion-radio>
|
||||
<ion-radio color="secondary" disabled></ion-radio>
|
||||
</p>
|
||||
<h1>Default</h1>
|
||||
<ion-radio></ion-radio>
|
||||
<ion-radio checked></ion-radio>
|
||||
|
||||
<p>
|
||||
<ion-radio checked></ion-radio>
|
||||
<ion-radio checked color="primary"></ion-radio>
|
||||
<ion-radio checked color="secondary"></ion-radio>
|
||||
<ion-radio checked color="tertiary"></ion-radio>
|
||||
<ion-radio checked color="success"></ion-radio>
|
||||
<ion-radio checked color="warning"></ion-radio>
|
||||
<ion-radio checked color="danger"></ion-radio>
|
||||
<ion-radio checked color="light"></ion-radio>
|
||||
<ion-radio checked color="medium"></ion-radio>
|
||||
<ion-radio checked color="dark"></ion-radio>
|
||||
<ion-radio checked disabled></ion-radio>
|
||||
<ion-radio checked color="secondary" disabled></ion-radio>
|
||||
</p>
|
||||
<h1>Colors: Unchecked</h1>
|
||||
<ion-radio color="primary"></ion-radio>
|
||||
<ion-radio color="secondary"></ion-radio>
|
||||
<ion-radio color="tertiary"></ion-radio>
|
||||
<ion-radio color="success"></ion-radio>
|
||||
<ion-radio color="warning"></ion-radio>
|
||||
<ion-radio color="danger"></ion-radio>
|
||||
<ion-radio color="light"></ion-radio>
|
||||
<ion-radio color="medium"></ion-radio>
|
||||
<ion-radio color="dark"></ion-radio>
|
||||
|
||||
<p>
|
||||
<ion-radio class="custom"></ion-radio>
|
||||
<ion-radio class="custom" checked></ion-radio>
|
||||
<ion-radio class="custom" checked color="primary"></ion-radio>
|
||||
</p>
|
||||
<h1>Colors: Checked</h1>
|
||||
<ion-radio checked color="primary"></ion-radio>
|
||||
<ion-radio checked color="secondary"></ion-radio>
|
||||
<ion-radio checked color="tertiary"></ion-radio>
|
||||
<ion-radio checked color="success"></ion-radio>
|
||||
<ion-radio checked color="warning"></ion-radio>
|
||||
<ion-radio checked color="danger"></ion-radio>
|
||||
<ion-radio checked color="light"></ion-radio>
|
||||
<ion-radio checked color="medium"></ion-radio>
|
||||
<ion-radio checked color="dark"></ion-radio>
|
||||
|
||||
<h1>Disabled</h1>
|
||||
<ion-radio disabled></ion-radio>
|
||||
<ion-radio color="secondary" disabled></ion-radio>
|
||||
<ion-radio checked disabled></ion-radio>
|
||||
<ion-radio checked color="secondary" disabled></ion-radio>
|
||||
|
||||
<h1>Custom</h1>
|
||||
<ion-radio class="custom"></ion-radio>
|
||||
<ion-radio class="custom" checked></ion-radio>
|
||||
<ion-radio class="custom" checked color="tertiary"></ion-radio>
|
||||
|
||||
<style>
|
||||
/* to be able to see the radio buttons */
|
||||
|
Reference in New Issue
Block a user