Default

<BorderBox>
  <Tags
    tags={[
      {
        name: "Sculpture",
        href: "/gene/sculpture",
      },
      {
        name: "Repetition",
        href: "/gene/repetition",
      },
      {
        name: "United States",
        href: "/gene/united-states",
      },
      {
        name: "1960s",
        href: "/gene/1960s",
      },
      {
        name: "Minimalism",
        href: "/gene/minimalism",
      },
    ]}
  />
</BorderBox>

With more button:

<BorderBox>
  <Tags
    tags={[
      {
        name: "Sculpture",
        href: "/gene/sculpture",
      },
      {
        name: "Repetition",
        href: "/gene/repetition",
      },
      {
        name: "United States",
        href: "/gene/united-states",
      },
      {
        name: "1960s",
        href: "/gene/1960s",
      },
      {
        name: "Minimalism",
        href: "/gene/minimalism",
      },
      {
        name: "Abstract Art",
        href: "/gene/abstract-art",
      },
      {
        name: "Line, Form, and Color",
        href: "/gene/line-form-and-color",
      },
      {
        name: "1860–1969",
        href: "/gene/1860-1969",
      },
      {
        name: "Abstract Sculpture",
        href: "/gene/abstract-sculpture",
      },
      {
        name: "Linear Forms",
        href: "/gene/linear-forms",
      },
    ]}
    displayNum={5}
  />
</BorderBox>
On this page
Default
With more button: