View Source Shino.UI.Collapsible (shino v0.1.1-alpha.0)

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

Renders the content of a collapsible.

The root contains all the parts of a collapsible.

Renders the trigger of a collapsible.

Functions

Renders the content of a collapsible.

Attributes

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

Slots

  • inner_block (required)

The root contains all the parts of a collapsible.

Attributes

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

Slots

  • inner_block (required)

Renders the trigger of a collapsible.

Attributes

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

Slots

  • inner_block (required)