new : { onClick : Maybe msg, label : String } -> ButtonConfig msg
Crée un bouton
Button.new { onClick = Just Action, label = "action" }
view : ButtonConfig msg -> Accessibility.Html msg
Affiche un bouton
Button.new { onClick = Nothing, label = "Ajouter" }
|> Button.linkButton "/add"
|> Button.tertiaryNoOutline
|> Button.withAttrs [ class "w-full" ]
|> Button.leftIcon Icons.System.addLine
|> Button.view
group : List (ButtonConfig msg) -> GroupConfig msg
Crée un groupe de boutons
Par défaut les boutons sont de tailles moyennes et placés à la verticale.
[ Button.new ...]
|> Button.group
|> Button.inline
|> Button.alignedRightInverted
|> Button.viewGroup
viewGroup : GroupConfig msg -> Accessibility.Html msg
Affiche un groupe de boutons
{ mandatory : { onClick : Maybe msg
, label : String }
, optional : OptionalButtonConfig msg
}
small : ButtonConfig msg -> ButtonConfig msg
medium : ButtonConfig msg -> ButtonConfig msg
large : ButtonConfig msg -> ButtonConfig msg
disable : ButtonConfig msg -> ButtonConfig msg
linkButton : String -> ButtonConfig msg -> ButtonConfig msg
linkButtonExternal : String -> ButtonConfig msg -> ButtonConfig msg
regular : ButtonConfig msg -> ButtonConfig msg
reset : ButtonConfig msg -> ButtonConfig msg
submit : ButtonConfig msg -> ButtonConfig msg
leftIcon : BetaGouv.DSFR.Icons.IconName -> ButtonConfig msg -> ButtonConfig msg
rightIcon : BetaGouv.DSFR.Icons.IconName -> ButtonConfig msg -> ButtonConfig msg
noIcon : ButtonConfig msg -> ButtonConfig msg
onlyIcon : BetaGouv.DSFR.Icons.IconName -> ButtonConfig msg -> ButtonConfig msg
close : ButtonConfig msg -> ButtonConfig msg
primary : ButtonConfig msg -> ButtonConfig msg
secondary : ButtonConfig msg -> ButtonConfig msg
tertiary : ButtonConfig msg -> ButtonConfig msg
tertiaryNoOutline : ButtonConfig msg -> ButtonConfig msg
groupSmall : GroupConfig msg -> GroupConfig msg
Groupe de petits boutons
groupLarge : GroupConfig msg -> GroupConfig msg
Groupe de grands boutons
iconsLeft : GroupConfig msg -> GroupConfig msg
iconsRight : GroupConfig msg -> GroupConfig msg
breakpointSM : Breakpoint
breakpointMD : Breakpoint
breakpointLG : Breakpoint
alignedCenter : GroupConfig msg -> GroupConfig msg
alignedRight : GroupConfig msg -> GroupConfig msg
alignedRightInverted : GroupConfig msg -> GroupConfig msg
inline : GroupConfig msg -> GroupConfig msg
Applique le mode horizontal
inlineFrom : Breakpoint -> GroupConfig msg -> GroupConfig msg
Applique le mode horizontal à partir d'un certain point de rupture
addAfter : ButtonConfig msg -> GroupConfig msg -> GroupConfig msg
Ajoute un bouton à la fin du groupe
addBefore : ButtonConfig msg -> GroupConfig msg -> GroupConfig msg
Ajoute un bouton au début du groupe
withAttrs : List (Accessibility.Attribute msg) -> ButtonConfig msg -> ButtonConfig msg
withDisabled : Basics.Bool -> ButtonConfig msg -> ButtonConfig msg
withOptions : OptionalButtonConfig msg -> ButtonConfig msg -> ButtonConfig msg
dropdownSelector : { label : String, hint : Maybe String, id : String } -> List (Accessibility.Html msg) -> Accessibility.Html msg
Liste déroulante de boutons
Button.dropdownSelector { label = "Actions", hint = Just "indication", id = "id" }
<| [ Button.new ... ]