Skip to content

Button

Buttons allow users to take actions, and make choices, with a single tap. material.io

Importing

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

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

Props

Name Default Possible Values Type Description
color none none, primary, secondary string Sets the color of the button.
display inline block, inline string Sets the display property of the button.
size normal dense, normal, large string Sets the size of the button.
variant contained contained, flat, outlined, raised string Sets the variant of the button.
waves true Boolean value boolean Sets weather or not the 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 <button/> element.