Skip to content

Checkbox

Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off. material.io

Importing

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

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

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 checkbox.
variant normal normal, round string Sets the display style.
waves true Boolean value boolean Sets weather or not the checkbox 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.