<.chip id="chip-outline-lg-neutral" size="lg" type="neutral">
  Restaurants
</.chip>
<.chip id="chip-outline-md-neutral" size="md" type="neutral">
  Restaurants
</.chip>
<.chip id="chip-outline-sm-neutral" size="sm" type="neutral">
  Restaurants
</.chip>
<.chip id="chip-outline-lg-important" size="lg" type="important">
  Restaurants
</.chip>
<.chip id="chip-outline-md-important" size="md" type="important">
  Restaurants
</.chip>
<.chip id="chip-outline-sm-important" size="sm" type="important">
  Restaurants
</.chip>
<.chip id="chip-outline-lg-success" size="lg" type="success">
  Restaurants
</.chip>
<.chip id="chip-outline-md-success" size="md" type="success">
  Restaurants
</.chip>
<.chip id="chip-outline-sm-success" size="sm" type="success">
  Restaurants
</.chip>
<.chip id="chip-outline-lg-danger" size="lg" type="danger">
  Restaurants
</.chip>
<.chip id="chip-outline-md-danger" size="md" type="danger">
  Restaurants
</.chip>
<.chip id="chip-outline-sm-danger" size="sm" type="danger">
  Restaurants
</.chip>

<.chip id="chip-solid-lg-neutral" size="lg" type="neutral" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-md-neutral" size="md" type="neutral" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-sm-neutral" size="sm" type="neutral" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-lg-important" size="lg" type="important" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-md-important" size="md" type="important" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-sm-important" size="sm" type="important" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-lg-danger" size="lg" type="danger" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-md-danger" size="md" type="danger" solid>
  Restaurants
</.chip>
<.chip id="chip-solid-sm-danger" size="sm" type="danger" solid>
  Restaurants
</.chip>

<.chip
  id="chip-outline-with-icon-lg-neutral"
  size="lg"
  type="neutral"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-md-neutral"
  size="md"
  type="neutral"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-sm-neutral"
  size="sm"
  type="neutral"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-lg-important"
  size="lg"
  type="important"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-md-important"
  size="md"
  type="important"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-sm-important"
  size="sm"
  type="important"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-lg-success"
  size="lg"
  type="success"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-md-success"
  size="md"
  type="success"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-sm-success"
  size="sm"
  type="success"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-lg-danger"
  size="lg"
  type="danger"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-md-danger"
  size="md"
  type="danger"
  icon="calendar-blank"
>
  Restaurants
</.chip>
<.chip
  id="chip-outline-with-icon-sm-danger"
  size="sm"
  type="danger"
  icon="calendar-blank"
>
  Restaurants
</.chip>

<.chip
  id="chip-solid-with-icon-lg-neutral"
  size="lg"
  type="neutral"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-md-neutral"
  size="md"
  type="neutral"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-sm-neutral"
  size="sm"
  type="neutral"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-lg-important"
  size="lg"
  type="important"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-md-important"
  size="md"
  type="important"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-sm-important"
  size="sm"
  type="important"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-lg-danger"
  size="lg"
  type="danger"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-md-danger"
  size="md"
  type="danger"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>
<.chip
  id="chip-solid-with-icon-sm-danger"
  size="sm"
  type="danger"
  icon="calendar-blank"
  solid
>
  Restaurants
</.chip>

<.chip
  id="chip-with-tooltip-lg-neutral"
  size="lg"
  type="neutral"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-md-neutral"
  size="md"
  type="neutral"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-sm-neutral"
  size="sm"
  type="neutral"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-lg-important"
  size="lg"
  type="important"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-md-important"
  size="md"
  type="important"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-sm-important"
  size="sm"
  type="important"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-lg-danger"
  size="lg"
  type="danger"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-md-danger"
  size="md"
  type="danger"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>
<.chip
  id="chip-with-tooltip-sm-danger"
  size="sm"
  type="danger"
  tooltip="Lorem ipsum tooltip textum."
>
  Restaurants
</.chip>

<.chip
  id="chip-removeable-removeable-lg"
  size="lg"
  removeable
  remove_button_aria_label="Remove Restaurants"
  on_remove={%JS{ops: [["hide", %{to: "#chip-removeable-removeable-lg"}]]}}
>
  Restaurants
</.chip>
<.chip
  id="chip-removeable-removeable-md"
  size="md"
  removeable
  remove_button_aria_label="Remove Restaurants"
  on_remove={%JS{ops: [["hide", %{to: "#chip-removeable-removeable-md"}]]}}
>
  Restaurants
</.chip>
<.chip
  id="chip-removeable-removeable-sm"
  size="sm"
  removeable
  remove_button_aria_label="Remove Restaurants"
  on_remove={%JS{ops: [["hide", %{to: "#chip-removeable-removeable-sm"}]]}}
>
  Restaurants
</.chip>

<.chip id="chip-with-link-solid-neutral-link" size="lg" solid>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-solid-important-link" size="lg" type="important" solid>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-solid-danger-link" size="lg" type="danger" solid>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-neutral-link" size="lg">
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-important-link" size="lg" type="important">
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-success-link" size="lg" type="success">
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-danger-link" size="lg" type="danger">
  <.a href="/welcome">Welcome</.a>
</.chip>

<.chip id="chip-with-link-solid-neutral-link-with-icon" size="lg" icon="car" solid>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip
  id="chip-with-link-solid-important-link-with-icon"
  size="lg"
  type="important"
  icon="car"
  solid
>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip
  id="chip-with-link-solid-danger-link-with-icon"
  size="lg"
  type="danger"
  icon="car"
  solid
>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-neutral-link-with-icon" size="lg" icon="car">
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip
  id="chip-with-link-important-link-with-icon"
  size="lg"
  type="important"
  icon="car"
>
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-success-link-with-icon" size="lg" type="success" icon="car">
  <.a href="/welcome">Welcome</.a>
</.chip>
<.chip id="chip-with-link-danger-link-with-icon" size="lg" type="danger" icon="car">
  <.a href="/welcome">Welcome</.a>
</.chip>