@twilentui/styled-components v1.0.7

@twilentui/styled-components

Installation

yarn add @twilentui/styled-components

Import Package

import { twilent } from '@twilentui/styled-components';

Basic Usage

import { useState } from "react";
import { twilent, TwilentItem } from "@twilentui/styled-components";

interface ButtonProps extends TwilentItem {
  text: string;
}

const Button = twilent("button", {
    style: (props: any) => `background-color: #000;`
});

/*
const Button = twilent("button");
*/

export const CustomButton = (props: ButtonProps) => {
  const [count, setCount] = useState(0);

  return (
    <Button
      id="example-button"
      px="2rem"
      py="1.5rem"
      bgColor="blue"
      onClick={() => setCount(count + 1)}
      {...props}
    >
      {props.text} {count}
    </Button>
  );
};