I think we are getting some really good examples of components which allows the user to "bring their own data type" in our code base right now, for example, our Tabs component.
It might look a bit confusing at first, but when you get used to it it's so much more lightweight and configurable.
![neighbours := [8][2]int {
{-1, -1}, {0, -1}, {1, -1},
{-1, 0}, {1, 0},
{-1, 1}, {0, 1}, {1, 1},
}
an array of neighbouring elements of the values {-1..1, -1..1} formatted in a circle, with the value -1, -1 being top left and 1, 1 bottom right](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lfwmi64cvsbzcnpjwol7bt4y/bafkreihtgduglgev4p4pu45mlzin5it2sdn44jkv5wsvmqoogwfehv6gfu)
![Elm Source code with the following:
make :
{ items : List a
, toText : a -> String
, onClick : a -> msg
, isActive : a -> Bool
}
-> Tabs a msg
viewTabs : Tab -> Html Msg
viewTabs tab =
UI.Tabs.make
{ onClick = .tab >> TabWasClicked
, toText = .label
, isActive = .tab >> (==) tab
, items =
[ { tab = One
, label = "One!"
}
, { tab = Two
, label = "2"
}
, { tab = Three
, label = "Three"
}
]
}
|> UI.Tabs.toHtml](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lfwmi64cvsbzcnpjwol7bt4y/bafkreiavif6vtpk3aczcmzjwyll2j2aa6qwqzgw5uzxmbdw46oeflbr5he)
![Terminal output containing parts of the text:
Configurations.p1xelBook.system
dirty
iB DL] building lix-2.92.0-pre2020](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lfwmi64cvsbzcnpjwol7bt4y/bafkreihdpg2h7f6ho7sxten3fhyoxmvylao4vn2jscietq7hrfti3a5ugi)
