Label

A polymorphic, adaptable label component.

Label

size sm md lg

color base brand

contrast

text

--- 
import { Label } from 'fulldev-ui'
---

<Label
  size="md"
  color="base"
  contrast={false}
  text="Label"
/>

Props

Prop	Type	Default
size	sm | md | lg	-
color	base | brand	-
contrast	boolean	-
html	string	-
text	string	-
as	HTMLTag	label
HTML Attributes	Polymorphic<as>	-

Examples

size

The size prop cascades: it is inherited from the parent and it is applied to all children.

Label Label Label

---
import { Label } from 'fulldev-ui'
---

<Label size="sm">Label</Label>
<Label size="md">Label</Label>
<Label size="lg">Label</Label>

contrast

Label Label

---
import { Label } from 'fulldev-ui'
---

<Label>Label</Label>
<Label contrast>Label</Label>