{{ page.title }}
{% if page.deprecated %}
diff --git a/_layouts/category.html b/_layouts/category.html
index cc0fb02f..b807a07e 100644
--- a/_layouts/category.html
+++ b/_layouts/category.html
@@ -35,6 +35,12 @@
+ {% assign home_url = "/" | prepend: site.baseurl %}
+ {% component breadcrumb %}
+ {% component breadcrumb_item href=home_url %}Home{% endcomponent %}
+ {% component breadcrumb_item href=page.url current %}{{ page.title }}{% endcomponent %}
+ {% endcomponent %}
+
{% if page.icon %}
{% include uswds-icon.html icon=page.icon %}
diff --git a/_plugins/view_component.rb b/_plugins/view_component.rb
new file mode 100644
index 00000000..15ca547f
--- /dev/null
+++ b/_plugins/view_component.rb
@@ -0,0 +1,82 @@
+require 'action_controller'
+require 'action_view'
+require 'active_support'
+require 'view_component'
+
+unless defined?(Rails)
+ module Rails
+ class Application
+ def routes
+ @routes ||= Struct.new(:url_helpers).new(Module.new)
+ end
+ end
+
+ def self.version
+ ActionView.version.to_s
+ end
+
+ module VERSION
+ MAJOR, MINOR = Rails.version.split('.').map(&:to_i)
+ end
+
+ def self.env
+ @env ||= Struct.new(:development?, :test?, :production?).new(false, false, true)
+ end
+
+ def self.application
+ @application ||= Application.new
+ end
+ end
+end
+
+Dir['_components/**/*.rb'].each { |f| require File.join('.', f) }
+
+class ComponentTag < Liquid::Block
+ PARAM_SYNTAX = /(\w+)(?:=(?:"([^"]+?)"|(\S+)))?/.freeze
+
+ def initialize(tag_name, variables, context)
+ super
+
+ @component_name, @params = variables.split(' ', 2)
+ end
+
+ # Jekyll tags don't have built-in support for variable references, but Jekyll's built-in `include`
+ # tag has a syntax we can use as a starting point.
+ #
+ # @see https://github.com/jekyll/jekyll/blob/master/lib/jekyll/tags/include.rb
+ #
+ # Example:
+ #
+ # {% component link url=page.url text="Home" current %}
+ #
+ # In this example, `url` would be assigned from the page context variable nested value, `text`
+ # would be assigned to a string literal, and `current` would be `true`.
+ def parse_params(context)
+ params = {}
+ @params.scan(PARAM_SYNTAX) do |key, string, variable|
+ if string
+ params[key] = string
+ elsif variable
+ parts = variable.split('.')
+ value = context
+ while (part = parts.shift)
+ value = value[part]
+ end
+ params[key] = value
+ else
+ params[key] = true
+ end
+ end
+ params
+ end
+
+ def render(context)
+ content = super.html_safe
+
+ component_class = "#{@component_name.camelize}Component".constantize
+ component = component_class.new(**parse_params(context).symbolize_keys).with_content(content)
+ ActionController::Base.new.render_to_string(component)
+ end
+end
+
+Liquid::Template.register_tag('component', ComponentTag)
+ {% assign home_url = "/" | prepend: site.baseurl %}
+ {% component breadcrumb %}
+ {% component breadcrumb_item href=home_url %}Home{% endcomponent %}
+ {% component breadcrumb_item href=page.url current %}{{ page.title }}{% endcomponent %}
+ {% endcomponent %}
+