Utilisation

Vous pouvez utiliser les composants dans vos templates Rails en :

Le résultat est le même peu importe la méthode utilisée.

Utilisation directe des objets ViewComponent

  <%= render(DsfrComponent::AlertComponent.new(title: "Message important")) %>

Utilisation des helpers

Les helpers sont plus simples à utiliser et fournissent une expérience harmonisée avec les helpers de liens.

  <%= dsfr_alert(title: "Message important", size: :sm) %>

Correspondance entre les noms de composants et les helpers

Composant Helper
DsfrComponent::AlertComponent dsfr_alert
DsfrComponent::AccordionComponent dsfr_accordion
DsfrComponent::AccordionComponent::SectionComponent dsfr_accordion_section
DsfrComponent::BreadcrumbsComponent dsfr_breadcrumbs
DsfrComponent::TileComponent dsfr_tile
DsfrComponent::BadgeComponent dsfr_badge
DsfrComponent::TagComponent dsfr_tag
DsfrComponent::StepperComponent dsfr_stepper
DsfrComponent::ButtonComponent dsfr_button
DsfrComponent::ModalComponent dsfr_modal
DsfrComponent::HeaderComponent dsfr_header
DsfrComponent::HeaderComponent::ToolLinkComponent dsfr_header_tool_link
DsfrComponent::HeaderComponent::DirectLinkComponent dsfr_header_direct_link
DsfrComponent::HeaderComponent::DirectLinkDropdownComponent dsfr_header_direct_dropdown_link
DsfrComponent::TabsComponent dsfr_tabs