core component

Typography

Reusable typography component.

@wrnexus/ui 0.2.674 props1 slots0 events

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<Typography
  as="p"
  variant="body"
  align="start"
/>

Legacy mount name: data-component="Typography".

Props and attributes

Prop	Type	Requirement	Default
`as`	`string`	Optional	`"p"`
`variant`	`string`	Optional	`"body"`
`align`	`string`	Optional	`"start"`
`class`	`string`	Optional	`""`

Slots

default

Events

This component does not declare a custom event.

Source contract

Installed source: components/Typography.wrn

component Typography {
  props {
    as = "p"
    variant = "body"
    align = "start"
    class = ""
  }
  view {
        <div class="wire-type wire-type--{variant} wire-text--{align} {class}">
        <slot />
        </div>
    }
}