Provider
The props declared for Provider, generated from the types @proyecto-viviana/ui ships.
Import
import { Provider } from "@proyecto-viviana/ui";Props
Differs from @proyecto-viviana/solid-spectrum
routerexists only in the other register.
| Prop | Type | Default | Description |
|---|---|---|---|
locale | string | — | The locale for i18n. If not provided, inherits the nearest locale. |
colorScheme | 'light' | 'dark' | — | The color scheme. Inherits from the nearest provider when omitted. |
background | 'base' | 'layer-1' | 'layer-2' | — | The background for this provider. If not provided, the background is transparent. |
scale | 'medium' | 'large' | — | The UI scale. Inherits from the nearest provider when omitted. |
styles | StyleString | — | Spectrum-defined generated classes. |
class | string | — | Additional CSS class name for the provider wrapper. |
style | JSX.CSSProperties | — | Additional inline styles. |
isQuiet | false | true | — | Whether controls should render in their quiet/subtle style. |
isEmphasized | false | true | — | Whether controls should render in their emphasized style. |
isDisabled | false | true | — | Whether controls should be disabled. |
isRequired | false | true | — | Whether controls should be required. |
isReadOnly | false | true | — | Whether controls should be read only. |
validationState | 'valid' | 'invalid' | — | Shared validation state for descendant form fields. |
Declared in packages/viviana-ui/src/provider/index.tsx.
ProviderInherited props
| Prop | Type | Default | Description |
|---|---|---|---|
isQuiet | false | true | — | Whether controls should render in their quiet/subtle style. |
isEmphasized | false | true | — | Whether controls should render in their emphasized style. |
isDisabled | false | true | — | Whether controls should be disabled. |
isRequired | false | true | — | Whether controls should be required. |
isReadOnly | false | true | — | Whether controls should be read only. |
validationState | 'valid' | 'invalid' | — | Shared validation state for descendant form fields. |
Declared in packages/viviana-ui/src/provider/index.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.