Radio
Basic usage
Radio Group usage
Typically used in a group of radio buttons to allow the user to select one option from a set. Once a radio button is selected, it cannot be unselected by clicking it again—only by selecting another radio button in the group to change its state. For proper display, when using design as 'nmorph', a label should be provided.
<script setup lang="ts">
import { NmorphRadio } from "@nmorph/nmorph-ui-kit";
</script><template>
<div class="radio-value-overview">
<NmorphRadio checked value="1" label="One" />
<NmorphRadio value="2" checked design="plain" label="Two" />
</div>
</template>