@ksense-tech/components

A collection of reusable React components for building amazing user interfaces.

Installation

You can install this library using npm or yarn:

npm install @ksense-tech/components

or

yarn add @ksense-tech/components

Usage

Import the components you need and start building!

import React from "react";
import { RichTextEditor, RichTextEditorProps } from "@ksense-tech/components";


const App = () => {
  const props: RichTextEditorProps = {
    // ...Your props here
  };

  return (
    <div>
      <RichTextEditor {...props} />
    </div>
  );
};

export default App;

Styling

This library provides customizable styles for its components. You can use the "sx" prop to apply custom styles using Emotion's CSS-in-JS syntax:

<RichTextEditor
  {...props}
  sx={{
    backgroundColor: "blue !important",
    color: "white !important",
    "&:hover": {
      backgroundColor: "darkblue  !important",
    },
    "& .toolbar": {
      backgroundColor: "lightblue  !important",
    },
  }}
/>