View Source Shino.UI.Collapsible (shino v0.2.0-alpha.1)

Provides collapsible related components.

Displays content that is collapsible.

Examples

<Collapsible.root :let={root} id="show-more-repos">
  <Collapsible.trigger for={root}>
    Show more repos
  </Collapsible.trigger>

  <div>Repo A</div>

  <Collapsible.content for={root}>
    <div>Repo B</div>
    <div>Repo C</div>
  </Collapsible.content>
</Collapsible.root>

References

Summary

Functions

content(assigns)

Renders the content of a collapsible.

root(assigns)

The root contains all the parts of a collapsible.

trigger(assigns)

Renders the trigger of a collapsible.

Functions

content(assigns)

Renders the content of a collapsible.

Attributes

for (Shino.UI.Collapsible.Root) (required)
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

root(assigns)

The root contains all the parts of a collapsible.

Attributes

id (:string) (required)
default_open (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

trigger(assigns)

Renders the trigger of a collapsible.

Attributes

for (Shino.UI.Collapsible.Root) (required)
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)