Skip to content

Adjust the order in which components are provided #350

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 29, 2020
Merged

Adjust the order in which components are provided #350

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 24 additions & 24 deletions docs/concepts/component.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -219,26 +219,19 @@ This gets rendered into HTML as shown below. Notice that the `@foo` from the com
To use *component instance scope slots*, first define slots within a static component:

```ruby
class Components::Some::Component < Matestack::Ui::StaticComponent
class Components::Other::Component < Matestack::Ui::StaticComponent

def prepare
@foo = "foo from component"
@foo = "foo from other component"
end

def response
components {
div id: "my-component" do
custom_other_component slots: {
my_slot_from_component: my_slot_from_component,
my_slot_from_page: @options[:my_slot_from_page]
}
end
}
end

def my_slot_from_component
slot {
span id: "my-slot-from-component" do
div id: "my-other-component" do
slot @options[:slots][:my_slot_from_component]
br
slot @options[:slots][:my_slot_from_page]
br
plain @foo
end
}
Expand All @@ -247,22 +240,29 @@ class Components::Some::Component < Matestack::Ui::StaticComponent
end
```

And another component:
and also in some component:

```ruby
class Components::Other::Component < Matestack::Ui::StaticComponent
class Components::Some::Component < Matestack::Ui::StaticComponent

def prepare
@foo = "foo from other component"
@foo = "foo from component"
end

def response
components {
div id: "my-other-component" do
slot @options[:slots][:my_slot_from_component]
br
slot @options[:slots][:my_slot_from_page]
br
div id: "my-component" do
custom_other_component slots: {
my_slot_from_component: my_slot_from_component,
my_slot_from_page: @options[:my_slot_from_page]
}
end
}
end

def my_slot_from_component
slot {
span id: "my-slot-from-component" do
plain @foo
end
}
Expand All @@ -271,7 +271,7 @@ class Components::Other::Component < Matestack::Ui::StaticComponent
end
```

Then, put both components to use on the example page:
Then, put both components (note that some component uses other component so that's how they're both in here) to use on the example page:

```ruby
class Pages::ExamplePage < Matestack::Ui::Page
Expand Down Expand Up @@ -367,7 +367,7 @@ Not a fancy example, but this is the result:
<div id="div-on-page">
<div id="my-component">
foo from page
</div>
</div>
</div>
```

Expand Down