Skip to content

Radio

Radio buttons allow users to select one option from a set. material.io

Importing

1
2
3
4
5
6
7
8
import React from "react";
import { Radio } from "photoncss/react";

export default function Component() {
    return (
        <Radio>text</Radio>
    );
}

Props

Name Default Possible Values Type Description
color none none, primary, secondary string Sets the color of the button.
labelPosition after before, after string Sets which comes first, the label or the radio button.
waves true Boolean value boolean Sets weather or not the radio button should have a ripple/waves effect when interacted with.

Note

Props other than those listed above such as className and style will be passed directly to the <input/> element.