Pikas UI

@pikas-ui/text

This package contains a set of components to display text.

Change Log

To use this package, you must install the @pikas-ui/styles package.

You can install this package using npm, yarn, or pnpm.

npm install @pikas-ui/text

yarn add @pikas-ui/text

pnpm add @pikas-ui/text

With the Label component you can create a label for a form field.

Label

import { Label } from '@pikas-ui/text';

const Example: React.FC = () => {
  return <Label>Label</Label>;
};

Prop	Description	Type	Default
`htmlFor`	The id of the label.	`string`	-
`css`	The css of the label.	`PikasCSS`	-
`children`	The text of the label.	`ReactNode`	-

With the Description component you can add a description.

Description

import { Description } from '@pikas-ui/text';

const Example: React.FC = () => {
  return <Description>Description</Description>;
};

Prop	Description	Type	Default
`css`	The css of the description.	`PikasCSS`	-
`children`	The text of the description.	`ReactNode`	-

With the TextError component you can display an error message.

TextError

import { TextError } from '@pikas-ui/text';

const Example: React.FC = () => {
  return <TextError>TextError</TextError>;
};

Prop	Description	Type	Default
`css`	The css of the text error.	`PikasCSS`	-
`children`	The text of the text error.	`ReactNode`	-

This documentation can be edited on GitHub here