@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.

Readme

Keywords

none

Package Sidebar

Install

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

Weekly Downloads

2

Version

4.4.0

License

MIT

Unpacked Size

55 kB

Total Files

37

Last publish

Collaborators

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