Skip to content

InputField

Text fields let users enter and edit text. material.io

Importing

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

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

Props

Name Default Possible Values Type Description
color none none, primary, secondary string Sets the color of the field.
variant normal normal, outlined, filled string Sets the variant of the field.
prefix String value string Sets the prefix of the field.
suffix String value string Sets the suffix of the field.
subtitle String value string Sets the subtitle of the field.
dropdown Array of String values array<string> Makes the field a dropdown and sets the possible options.

Note

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