Buttons & Links API Reference
def ex_buttons():
return Grid(
Button("Default"),
Button("Primary", cls=ButtonT.primary),
Button("Secondary", cls=ButtonT.secondary),
Button("Danger", cls=ButtonT.destructive),
Button("Text", cls=ButtonT.text),
Button("Link", cls=ButtonT.link),
Button("Ghost", cls=ButtonT.ghost),
)
def ex_links():
return Div(cls='space-x-4')(
A('Default Link'),
A('Muted Link', cls=AT.muted),
A('Text Link', cls=AT.text),
A('Reset Link', cls=AT.reset),
A('Primary Link', cls=AT.primary),
A('Classic Link', cls=AT.classic),)
Button
SourceButton(*c: Union[str, fastcore.xml.FT], cls: Union[str, enum.Enum] = <ButtonT.default: 'uk-btn-default'>, submit=True, **kwargs) -> fastcore.xml.FT
Button with Styling (defaults to
submit
for form submission)
Params
c
Contents ofButton
tag (often text)cls
Classes in addition toButton
styling (useButtonT
for built in styles)submit
Whether the button should submit a formkwargs
Returns: Button(..., cls='uk-btn')
ButtonT
Options for styling Buttons
Option | Value | Option | Value | Option | Value |
---|---|---|---|---|---|
default | uk-btn-default | ghost | uk-btn-ghost | primary | uk-btn-primary |
secondary | uk-btn-secondary | destructive | uk-btn-destructive | text | uk-btn-text |
link | uk-btn-link | xs | uk-btn-xs | sm | uk-btn-sm |
lg | uk-btn-lg | xl | uk-btn-xl | icon | uk-btn-icon |
AT
Link styles from https://franken-ui.dev/docs/link
Option | Value | Option | Value |
---|---|---|---|
muted | uk-link-muted | text | uk-link-text |
reset | uk-link-reset | primary | uk-link text-primary hover:text-primary-focus underline |
classic | text-blue-600 hover:text-blue-800 underline |