Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Sources
  3. API and Development

Sources

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Import Sources from @prepared911/ui/sources.
Sources
PropTypeDefaultNotes
labelLocalizedMessagerequiredTrigger label, for example "Used 3 sources".
sourcesreadonly Source[]The citations.
newTabLabelLocalizedMessagerequiredAnnounced after each link's name.
openbooleanControlled open state.
defaultOpenbooleanfalseInitial open state when uncontrolled.
onOpenChange(open: boolean, details: ChangeDetails) => voidReason is trigger-press.
classNamestringAppended to the root.
Source
FieldTypeNotes
hrefstringDestination URL and list key.
titleLocalizedMessage | DisplayValueLink text.
iconGlyphOptional decorative glyph.
Props
NameTypeDefaultDescription
labelLocalizedMessage—Trigger label, for example "Used 3 sources".
newTabLabelLocalizedMessage—Announced after each link's name, for example "opens in a new tab". Every source opens in a new tab.
classNamestring—Classes appended to the root.
defaultOpenbooleanfalseInitial open state when uncontrolled.
onOpenChangeCollapsibleOpenChangeHandler—Fires when the trigger requests a change. details.cancel() keeps the current state.
openboolean—Controlled open state.
sourcesreadonly Source[]—The citations as data; the list layout belongs to the component. Sources are keyed by href, so each href appears once.
Storybook
Interactive examples and edge cases for this component are in Storybook.
DefaultOpens in a new tab
Previous
Sources / Usage
Next
Sources / Accessibility
On this page
Sources
Source
Props
Storybook