Claim Reminder

import Encore
import SwiftUI

struct HomeView: View {
    var body: some View {
        ScrollView {
            VStack(spacing: 16) {
                ClaimReminder(
                    placement: "home",
                    appearance: AppearanceConfig(accentColor: "#5671FF")
                )
                // The rest of your home screen.
            }
            .padding()
        }
    }
}

import Encore
import UIKit

final class HomeViewController: UIViewController {
    private let stack = UIStackView()

    override func viewDidLoad() {
        super.viewDidLoad()
        stack.axis = .vertical
        stack.spacing = 16
        stack.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(stack)
        NSLayoutConstraint.activate([
            stack.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            stack.leadingAnchor.constraint(equalTo: view.layoutMarginsGuide.leadingAnchor),
            stack.trailingAnchor.constraint(equalTo: view.layoutMarginsGuide.trailingAnchor),
        ])

        let reminder = ClaimReminderView(
            placement: "home",
            appearance: AppearanceConfig(accentColor: "#5671FF")
        )
        stack.addArrangedSubview(reminder)
        // Add the rest of your home screen to the stack.
    }
}

import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.runtime.Composable
import androidx.compose.ui.unit.dp
import com.encorekit.encore.AppearanceConfig
import com.encorekit.encore.ClaimReminder

@Composable
fun HomeScreen() {
    Column(verticalArrangement = Arrangement.spacedBy(16.dp)) {
        ClaimReminder(
            placement = "home",
            appearance = AppearanceConfig(accentColor = "#5671FF"),
        )
        // The rest of your home screen.
    }
}

import android.os.Bundle
import android.widget.LinearLayout
import androidx.appcompat.app.AppCompatActivity
import com.encorekit.encore.AppearanceConfig
import com.encorekit.encore.ClaimReminderView

class HomeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val column = LinearLayout(this).apply { orientation = LinearLayout.VERTICAL }
        setContentView(column)

        val reminder = ClaimReminderView(
            context = this,
            placement = "home",
            appearance = AppearanceConfig(accentColor = "#5671FF"),
        )
        column.addView(reminder)
        // Add the rest of your home screen to the column.
    }
}

import { ScrollView } from 'react-native';
import { EncoreClaimReminder } from '@encorekit/react-native';

export function HomeScreen() {
  return (
    <ScrollView>
      <EncoreClaimReminder
        placement="home"
        appearance={{ accentColor: '#5671FF' }}
      />
      {/* The rest of your home screen. */}
    </ScrollView>
  );
}

import 'package:flutter/material.dart';
import 'package:encore_flutter/encore_flutter.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        EncoreClaimReminder(
          placement: 'home',
          appearance: AppearanceConfig(accentColor: '#5671FF'),
        ),
        // The rest of your home screen.
      ],
    );
  }
}

import Encore from '@encorekit/web-sdk';

// Call configure() first, as in the Web quickstart.
const handle = Encore.triggers.claimReminder.mount(document.getElementById('claim-reminder'), {
  placement: 'home',
  appearance: { accentColor: '#5671FF' },
});

// Call this from your own teardown, when you remove the element.
export function removeCard() {
  handle.unmount();
}

import { ClaimReminder } from '@encorekit/web-sdk/react';

// Render inside your EncoreProvider.
export function Home() {
  return (
    <main>
      <ClaimReminder placement="home" appearance={{ accentColor: '#5671FF' }} />
      {/* The rest of your home screen. */}
    </main>
  );
}