---
id: warning-text
title: WarningText
---

# WarningText

## How to use

You might need to rewrite the hidden text ("Προσοχή" in the example) to make it appropriate for your context.
This will be used by screen-readers.

<code src="@digigov/ui/src/feedback/WarningText/__stories__/Default.tsx" />

### With dense style

<code src="@digigov/ui/src/feedback/WarningText/__stories__/Dense.tsx" />

### With assistive text

<code src="@digigov/ui/src/feedback/WarningText/__stories__/AssistiveText.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["WarningText"]} />