Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:7
comments %:57

Header

@component-controls/components
3.4.5

A page header component

import { Header } from '@component-controls/components';

Overview

header

Name
Description
Default
HTMLAttributes (44 properties)
slot
string
-
style
CSSProperties
-
title
string
-
defaultChecked
boolean
-
defaultValue
string | number | readonly string[]
-
suppressContentEditableWarning
boolean
-
suppressHydrationWarning
boolean
-
accessKey
string
-
className
string
-
contentEditable
booleantruefalseinherit
-
contextMenu
string
-
dir
string
-
draggable
Booleanish
-
hidden
boolean
-
id
string
-
lang
string
-
placeholder
string
-
spellCheck
Booleanish
-
tabIndex
number
-
translate
yesno
-
radioGroup
string
-
role
string
-
about
string
-
datatype
string
-
inlist
any
-
prefix
string
-
property
string
-
resource
string
-
typeof
string
-
vocab
string
-
autoCapitalize
string
-
autoCorrect
string
-
autoSave
string
-
color

The color utility parses a component's

color
and
bg
props and converts them into CSS declarations. By default the raw value of the prop is returned.

Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation. Array values are converted into responsive values.

MDN reference

string
-
itemProp
string
-
itemScope
boolean
-
itemType
string
-
itemID
string
-
itemRef
string
-
results
number
-
security
string
-
unselectable
onoff
-
inputMode

Hints at the type of data that might be entered by the user while editing the element or its contents @see https ://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

textnonetelurlemailnumericdecimalsearch
-
is

Specify that a standard HTML element should behave like a defined custom built-in element @see https ://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

string
-
Attributes (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
- (1 properties)
BoxOwnProps (4 properties)
SpaceProps (28 properties)
BackgroundColorProps (2 properties)
OpacityProps (1 properties)

package
imports
peer
react
^17.0.1
FC
*
theme-ui
^0.6.0-alpha.7
jsxFlexBoxProps