Luke UI
GitHub repository

Components

Every Luke UI component, grouped by category.

Edit on GitHub

Actions

ButtonA labelled control for actions in an interface.Icon ButtonA compact icon-only control for an action.Icon LinkAn icon-only control for navigation.LinkA styled link for navigation.

Feedback

Loading SkeletonReplaces content with a placeholder that keeps its shape while it loads.Loading SpinnerAnimated indicator for work that is still in progress.

Forms

CheckboxLets someone select an independent option, with optional supporting and validation text.Combobox FieldSearchable single-select field with label, validation, and option list.Text FieldCaptures a single line of text with a label, validation, and an optional prefix or suffix.

Layout

Aspect ratioLock media to an inline-to-block ratio.AutoGridArrange direct children in an intrinsic equal-column grid.BoxA layout element with responsive Luke UI layout properties.ClusterArrange direct children on the logical inline axis with wrapping.ContainerConstrain content and establish a local size container.GridArrange direct children in an equal explicit column grid.Scroll FadeIndicate overflowing content with a fade.StackArrange direct children on the logical block axis.TrackAlign supporting content with flexible content on the inline axis.Visually HiddenHide content visually and keep it available to assistive technology.

Typography

BlockquoteBlock-level quotation from another source.CodeMarks text to signify a short fragment of computer code.EmMarks text to stress emphasis.EmojiEmoji rendering with a reliable screen reader label.HeadingSemantic heading with automatic level management.KbdRepresents keyboard input or a hotkey.NumeralLocale-aware number formatting powered by Intl.NumberFormat.ProseVertical rhythm and list styling for long-form content.QuoteShort inline quotation.StrongMarks text to signify strong importance.TextStyled text with semantic typography styles and colour roles.

Visuals

IconSVG icon component backed by the generated spritesheet.

Primitives

Button primitiveLower-level button styles and behaviour for custom control layouts.Checkbox primitiveLower-level checkbox anatomy for custom form control layouts.Field primitiveShared label, description, and validation parts for custom fields.InputGroup primitivesLower-level parts for composing a text input with content at either end.Combobox primitivesLower-level parts for composing a searchable single-select combobox.