Skip to main content

TextLine

Components

TextLine()

TextLine(props, context?): ReactNode

The TextLine component offers a quick way to include placeholder text lines in your app. These placeeholder text lines are useful as loading indicators before the real content gets rendered. The component supports many customization options such as width, height, radius, animation, etc.

Parameters

ParameterType
propsTextLineProps
context?any

Returns

ReactNode

Example

<TextLine title="tagName" animated={true} width="w-[110px]" height="h-[1rem]" />

Source

libs/design-system-core/src/components/TextLine/index.tsx:32

Props

TextLineProps

TextLineProps: object

Type declaration

MemberType
animatedboolean
customStylestring
heightstring | number
roundstring
titlestring
widthstring | number

Source

libs/design-system-core/src/components/TextLine/index.tsx:6