CustomBtn

form

A highly flexible button component that accepts custom colors, background, padding, and icon. Ideal for branded or themed button variations.

1Installation

Install the package:

$npm install piece-ui

Import the component:

tsx

1import { CustomBtn } from "piece-ui";

2Usage

Basic usage

tsx

1import { CustomBtn } from "piece-ui";
2
3export default function Example() {
4  return (
5    <CustomBtn
6      color="#00f0ff"
7      bgColor="transparent"
8      padding="12px 24px"
9    >
10      Custom Button
11    </CustomBtn>
12  );
13}

3Props

Prop	Type	Default	Description
`color`	`string`	—	Text color (CSS value or Tailwind class).
`bgColor`	`string`	—	Background color.
`padding`	`string`	—	Custom padding.
`icon`	`React.ReactNode`	—	Icon element to render alongside text.
`children`req	`React.ReactNode`	—	Button label content.

ContactForm

Footer