Style Guide for Asahi Group Web Apps
  • Examples:
trigger
content

# Code

<asahi-dropdown offsetY="-10">
    <div slot="trigger">trigger</div>
    <div slot="content" style="padding: 10px;">content</div>
</asahi-dropdown>

# Props

  • font? - medium | regular | light - font weight
  • h-fill? - switch for dropdown container to be width: 100%
  • v-fill? - switch for dropdown container to be height: 100%
  • direction? - down | up - dropdown drop direction
  • indicator? - true | false - switch for the indicator next to trigger
  • offsetY? - string or number for Y offset of dropdown current position
  • offsetX? - string or number for X offset of dropdown current position

← Input →