radio

全局变量 --indent-radio 改变label文字左内边距
这原本是用 text-indent 属性实现。但在Safari中使用 ::before 的元素不支持 text-indent，遂改用 padding-left 来实现。默认值是1.4em 

div
    span.na-radio
        input#java.na-input(type="radio" name="lang" title="java" value="java")
        label.na-radio-label(for="java") Java
    span.na-radio
        input#kotlin.na-input(type="radio" name="lang" title="kotlin" value="kotlin")
        label.na-radio-label(for="kotlin") Kotlin

## disabled 

div
    span.na-radio
        input#HTTP.na-input(type="radio" title="HTTP" value="HTTP" checked disabled)
        label.na-radio-label(for="HTTP") HTTP
    span.na-radio(data-primary="success")
        input#HTTPS.na-input(type="radio" title="HTTPS" value="HTTPS" disabled)
        label.na-radio-label(for="HTTPS") HTTPS

## custom style 

div
    span.na-radio
        input#meituan.na-input(
            type="radio"
            name="lunch"
            style={'--color-radio': 'var(--gold-6)'}
            title="meituan"
            value="meituan"
        )
        label.na-radio-label(for="meituan") 美团
    span.na-radio
        input#eleme.na-input(
            type="radio"
            name="lunch"
            style={'--color-radio': 'var(--blue-6)'}
            checked
            title="eleme"
            value="eleme"
        )
        label.na-radio-label(for="eleme") 饿了么

### hide label

label为空即可不显示 

.na-form-item
    label 程式代码
    .na-input-wrapper(style="gap:0")
        each color, i in colors
            span.na-radio
                input.na-color(
                    type="radio"
                    checked=i==0
                    name="radio-color"
                    style={'--color-radio': `var(--${color}-6)`}
                    title=color
                    value=color
                )
                label.na-radio-label

如果你只是需要label无法点击，只有单选框能被点击，可以不传入 [for]