Nature Preceded Machines

    @microsoft/fast-css-editor-react
    TypeScript icon, indicating that this package has built-in type declarations

    4.4.0 • Public • Published

    FAST CSS editor React

    FAST CSS editor React has been deprecated. Use FAST Tooling React instead.

    A set of React components that allows the user to edit CSS properties.

    Installation

    npm i --save @microsoft/fast-css-editor-react

    Usage

    Default component export

    The default export implements all of the individual components to create a set of form elements that allow for editing of CSS values.

    import * as React from "react";
    import CSSEditor from "@microsoft/fast-css-editor-react";
    
    export class Example extends React.Component {
        constructor(props) {
            super(props);
    
            this.state = {
                CSSValues: {
                    position: "absolute",
                    left: 0
                }
            }
        }
    
        render() {
            return (
                <CSSEditor
                    {...this.state.CSSValues}
                    onPositionUpdate={this.handleCssValueUpdate}
                />
            );
        }
    
        handleCssValueUpdate = (updatedCSSValues) => {
            this.setState({
                CSSValues: updatedCSSValues
            });
        }
    }

    Individual component documentation

    Each component comes with a README.md for implementation and other usage details and additional TypeScript definition files.

    Keywords

    none

    Install

    npm i @microsoft/fast-css-editor-react

    DownloadsWeekly Downloads

    8

    Version

    4.4.0

    License

    MIT

    Unpacked Size

    55 kB

    Total Files

    37

    Last publish

    Collaborators

    • microsoft1es
    • fastsvc
    • eisenbergeffect
    • nirice
    • janechu
    • chrisdholt
    • awentzel