Packages
moon
2.88.0
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
lib/moon_web/components/facing/updates.ex
defmodule MoonWeb.Components.Facing.Updates do
@moduledoc false
use MoonWeb, :stateless_component
alias Moon.Design.Carousel
alias MoonWeb.Components.Facing.CardArticle
alias MoonWeb.Components.Facing.SectionTitle
def render(assigns) do
~F"""
<!-- UPDATES -->
<div class="flex flex-col gap-12 z-20">
<SectionTitle title="Updates." description="Explore our community features." />
<Carousel id="updates">
<Carousel.Reel>
<CardArticle
variant="wide"
href="https://moonds.medium.com/introduction-to-the-world-of-dialogs-and-notifications-ad74d55fff0d"
>
<:title>Introduction to the world of dialogs and notifications.</:title>
<:section>blog</:section>
<:author>Natalja Saks</:author>
</CardArticle>
<CardArticle
variant="tall"
href="https://moonds.medium.com/10-guidelines-to-efficiently-display-data-tables-76c8f71af3c3"
>
<:title>10 Guidelines to efficiently display data tables.</:title>
<:section>blog</:section>
<:author>Ksenia Pavlov</:author>
</CardArticle>
<CardArticle href="https://moonds.medium.com/ux-aspect-of-design-system-d51bffd3734c">
<:title>UX aspect of design system.</:title>
<:section>blog</:section>
<:author>Dmytro Nikolaienko</:author>
</CardArticle>
<CardArticle variant="wide" href="/gettingStarted">
<:title>Learn how to get Moon Design System up and running in your project.</:title>
<:section>tools</:section>
</CardArticle>
<CardArticle variant="tall" href="/colours">
<:title>Customizing color palette for your project.</:title>
<:section>tools</:section>
</CardArticle>
</Carousel.Reel>
</Carousel>
</div>
"""
end
end